1.客戶端產(chǎn)生js的事件
2.創(chuàng)建XMLHttpRequest對(duì)象
3.對(duì)XMLHttpRequest進(jìn)行配置
4.通過(guò)AJAX引擎發(fā)送異步請(qǐng)求
5.服務(wù)器端接收請(qǐng)求并且處理請(qǐng)求，返回html或者xml內(nèi)容
6.XML調(diào)用一個(gè)callback()處理響應(yīng)回來(lái)的內(nèi)容
7.頁(yè)面局部刷新

雖然Ajax所需的基礎(chǔ)架構(gòu)已經(jīng)出現(xiàn)了一段時(shí)間，但直到最近異步請(qǐng)求的真正威力才得到利用。能夠擁有一個(gè)響應(yīng)極其靈敏的Web站點(diǎn)確實(shí)激動(dòng)人心，因?yàn)樗罱K允許開(kāi)發(fā)人員和設(shè)計(jì)人員使用標(biāo)準(zhǔn)的HTML/CSS/JavaScript堆棧創(chuàng)建“桌面風(fēng)格的（desktop-like）”可用性。

通常，在J2EE中，開(kāi)發(fā)人員過(guò)于關(guān)注服務(wù)和持久性層的開(kāi)發(fā)，以至于用戶界面的可用性已經(jīng)落后。在一個(gè)典型的J2EE開(kāi)發(fā)周期中，常常會(huì)聽(tīng)到這樣的話，“我們沒(méi)有可投入U(xiǎn)I的時(shí)間”或“不能用HTML實(shí)現(xiàn)”。但是，以下Web站點(diǎn)證明，這些理由再也站不住腳了：

BackPack
Google Suggest
Google Maps
PalmSphere
所有這些Web站點(diǎn)都告訴我們，Web應(yīng)用程序不必完全依賴于從服務(wù)器重新載入頁(yè)面來(lái)向用戶呈現(xiàn)更改。一切似乎就在瞬間發(fā)生。簡(jiǎn)而言之，在涉及到用戶界面的響應(yīng)靈敏度時(shí)，基準(zhǔn)設(shè)得更高了。

定義Ajax

Adaptive Path公司的Jesse James Garrett這樣定義Ajax：

Ajax不是一種技術(shù)。實(shí)際上，它由幾種蓬勃發(fā)展的技術(shù)以新的強(qiáng)大方式組合而成。Ajax包含：

基于XHTML和CSS標(biāo)準(zhǔn)的表示；
使用Document Object Model進(jìn)行動(dòng)態(tài)顯示和交互；
使用XMLHttpRequest與服務(wù)器進(jìn)行異步通信；
使用JavaScript綁定一切。
這非常好，但為什么要以Ajax命名呢？其實(shí)術(shù)語(yǔ)Ajax是由Jesse James Garrett創(chuàng)造的，他說(shuō)它是“Asynchronous JavaScript + XML的簡(jiǎn)寫(xiě)”。

Ajax的工作原理

Ajax的核心是JavaScript對(duì)象XmlHttpRequest。該對(duì)象在Internet Explorer 5中首次引入，它是一種支持異步請(qǐng)求的技術(shù)。簡(jiǎn)而言之，XmlHttpRequest使您可以使用JavaScript向服務(wù)器提出請(qǐng)求并處理響應(yīng)，而不阻塞用戶。

在創(chuàng)建Web站點(diǎn)時(shí)，在客戶端執(zhí)行屏幕更新為用戶提供了很大的靈活性。下面是使用Ajax可以完成的功能：

動(dòng)態(tài)更新購(gòu)物車(chē)的物品總數(shù)，無(wú)需用戶單擊Update并等待服務(wù)器重新發(fā)送整個(gè)頁(yè)面。
提升站點(diǎn)的性能，這是通過(guò)減少?gòu)姆?wù)器下載的數(shù)據(jù)量而實(shí)現(xiàn)的。例如，在Amazon的購(gòu)物車(chē)頁(yè)面，當(dāng)更新籃子中的一項(xiàng)物品的數(shù)量時(shí)，會(huì)重新載入整個(gè)頁(yè)面，這必須下載32K的數(shù)據(jù)。如果使用Ajax計(jì)算新的總量，服務(wù)器只會(huì)返回新的總量值，因此所需的帶寬僅為原來(lái)的百分之一。
消除了每次用戶輸入時(shí)的頁(yè)面刷新。例如，在Ajax中，如果用戶在分頁(yè)列表上單擊Next，則服務(wù)器數(shù)據(jù)只刷新列表而不是整個(gè)頁(yè)面。
直接編輯表格數(shù)據(jù)，而不是要求用戶導(dǎo)航到新的頁(yè)面來(lái)編輯數(shù)據(jù)。對(duì)于Ajax，當(dāng)用戶單擊Edit時(shí)，可以將靜態(tài)表格刷新為內(nèi)容可編輯的表格。用戶單擊Done之后，就可以發(fā)出一個(gè)Ajax請(qǐng)求來(lái)更新服務(wù)器，并刷新表格，使其包含靜態(tài)、只讀的數(shù)據(jù)。
一切皆有可能！但愿它能夠激發(fā)您開(kāi)始開(kāi)發(fā)自己的基于Ajax的站點(diǎn)。然而，在開(kāi)始之前，讓我們介紹一個(gè)現(xiàn)有的Web站點(diǎn)，它遵循傳統(tǒng)的提交/等待/重新顯示的范例，我們還將討論Ajax如何提升用戶體驗(yàn)。

是一個(gè)異步操作，可以在頁(yè)面無(wú)刷新的情況下拿到數(shù)據(jù)進(jìn)行一個(gè)交互。像我們很多的表單驗(yàn)證什么的就可以通過(guò)這個(gè)原理來(lái)實(shí)現(xiàn)