AJAX 是一種在無需重新載入整個(gè)網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。

---

AJAX 是?Asynchronous?JavaScript?#A#nd?XML 的縮寫。

AJAX 並不是一種新的程式語言，而只是一種新的技術(shù)，它可以創(chuàng)建更好、更快且更互動(dòng)的 web 應(yīng)用程式。

AJAX 使用 JavaScript 在 web 瀏覽器與 web 伺服器之間來傳送和接收資料。

AJAX 透過在背景與伺服器進(jìn)行少量資料交換，使網(wǎng)頁實(shí)現(xiàn)非同步更新。這意味著可以在不重載整個(gè)頁面的情況下，對(duì)網(wǎng)頁的某些部分進(jìn)行更新。

傳統(tǒng)的網(wǎng)頁（不使用 AJAX）如果需要更新內(nèi)容，必須重載整個(gè)頁面。

---

AJAX 如何運(yùn)作

AJAX 基於網(wǎng)際網(wǎng)路標(biāo)準(zhǔn)

AJAX 基於網(wǎng)際網(wǎng)路標(biāo)準(zhǔn)，並使用下列技術(shù)組合：

· ? XMLHttpRequest 物件（與伺服器非同步互動(dòng)資料）

---

· ? JavaScript/DOM（顯示/取回資訊）· ? CSS（設(shè)定資料的樣式）· ? XML（常用作資料傳輸?shù)母袷剑?/p>

?AJAX 應(yīng)用程式與瀏覽器和平臺(tái)無關(guān)的！

---

Google搜尋建議（Google Suggest）

隨著Google搜尋建議功能在2005 的發(fā)布，AJAX 開始流行起來。

Google搜尋建議（Google Suggest）?使用AJAX 創(chuàng)造出動(dòng)態(tài)性極強(qiáng)的web 介面：當(dāng)您在Google的搜尋方塊中鍵入內(nèi)容時(shí)，JavaScript 會(huì)把字元傳送到伺服器，伺服器則會(huì)回傳建議列表。

XMLHttpRequest 物件使 AJAX 成為可能。

############XMLHttpRequest##########XMLHttpRequest ###物件是 ###AJAX ###的關(guān)鍵。 ###

該物件在 Internet Explorer 5.5 與 2000 年 7 月發(fā)布之後就已經(jīng)可用了，但是在 2005 人們開始討論 AJAX 和 Web 2.0 之前，這個(gè)物件並沒有得到充分的認(rèn)識(shí)。

建立 XMLHttpRequest 物件

不同的瀏覽器使用不同的方法來建立?XMLHttpRequest?物件。

Internet Explorer 使用?ActiveXObject。

其他瀏覽器使用名為?XMLHttpRequest?的 JavaScript 內(nèi)建物件。

要克服這個(gè)問題，可以用這段簡單的程式碼：

var XMLHttp=null
if (window.XMLHttpRequest)
{
??? XMLHttp=new XMLHttpRequest()
}
else if (window.ActiveXObject)
{
??? XMLHttp=new ActiveXObject("Microsoft.XMLHTTP")

##程式碼解釋：

##1.?? 首先建立一個(gè)作為XMLHttpRequest 物件使用的?XMLHttp?變數(shù)。把它的值設(shè)為 null。 2.?? 接著測試?window.XMLHttpRequest?物件是否可用。在新版本的 Firefox, Mozilla, Opera 以及 Safari 瀏覽器中，該物件是可用的。

3.?? 如果可用，則用它建立一個(gè)新物件：XMLHttp=new XMLHttpRequest()

4.?? 如果不可用，則偵測?window.ActiveXObject?是否可用。在 Internet Explorer version 5.5 及更高的版本中，該物件是可用的。

5.?? 如果可用，使用它來建立一個(gè)新物件：XMLHttp=new ActiveXObject()

已改進(jìn)的範(fàn)例

---

################################################################# #####有些程式設(shè)計(jì)師喜歡使用最新最快的版本的XMLHttpRequest 物件。 ######下面的範(fàn)例試圖載入微軟最新版本的"Msxml2.XMLHTTP"，在Internet Explorer 6 中可用，如果無法加載，則後退到"Microsoft.XMLHTTP"，在Internet Explorer 5.5 及#### ##其後版本中可用。 ###

function GetXmlHttpObject()
{
??? var xmlHttp=null;

??? try
??? {
# 1???# ??????? xmlHttp=new XMLHttpRequest();
??? }
??? catch (e)
??? {##???? {
??????????? xmlHttp=new ActiveXObject("Msxml2.XMLHTTP ");
??????? }
??????? catch (e)
??????? {
???? }
??? }
??? return xmlHttp;
}

#程式碼解釋：

1.?? 先創(chuàng)建用作XMLHttpRequest 物件的?XMLHttp?變數(shù)。把它的值設(shè)為 null。 2.?? 依照web 標(biāo)準(zhǔn)建立物件(Mozilla, Opera 以及Safari)：XMLHttp=new XMLHttpRequest()

3.?? 依照微軟的方式建立對(duì)象，在Internet Explorer 6 及更高的版本可用：XMLHttp=new ActiveXObject("Msxml2.XMLHTTP")

#4.??? 如果擷取錯(cuò)誤，則嘗試更老的方法(Internet Explorer 5.5) ：XMLHttp=new ActiveXObject("Microsoft.XMLHTTP")

? ??

今天就開始使用AJAX

---

在我們的PHP 教學(xué)中，我們將示範(fàn)AJAX 如何在不重載整個(gè)頁面的情況下對(duì)網(wǎng)頁的某些部分進(jìn)行更新。伺服器腳本我們將採用 PHP 來編寫。 如果您想要學(xué)習(xí)更多關(guān)於 AJAX 的知識(shí)，請(qǐng)?jiān)煸L我們的?AJAX 教學(xué)。