AJAX全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。

主要包含了以下幾種技術(shù)：

Ajax（Asynchronous JavaScript + XML）的定義

基于web標(biāo)準(zhǔn)（standards-based presentation）XHTML+CSS的表示；

使用 DOM（Document Object Model）進行動態(tài)顯示及交互；

使用 XML 和 XSLT 進行數(shù)據(jù)交換及相關(guān)操作；

使用 XMLHttpRequest 進行異步數(shù)據(jù)查詢、檢索；

使用 JavaScript 將所有的東西綁定在一起。英文參見Ajax的提出者Jesse James Garrett的原文a

類似于DHTML或LAMP，AJAX不是指一種單一的技術(shù)，而是有機地利用了一系列相關(guān)的技術(shù)。事實上，一些基于AJAX的“派生/合成”式（derivative/composite）的技術(shù)正在出現(xiàn)，如“AFLAX”。

AJAX的應(yīng)用使用支持以上技術(shù)的web瀏覽器作為運行平臺。這些瀏覽器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式對象，也不支持XSLT。

與傳統(tǒng)的web應(yīng)用比較

傳統(tǒng)的web應(yīng)用允許用戶填寫表單(form)，當(dāng)提交表單時就向web服務(wù)器發(fā)送一個請求。服務(wù)器接收并處理傳來的表單，然后返回一個新的網(wǎng)頁。這個做法浪費了許多帶寬，因為在前后兩個頁面中的大部分HTML代碼往往是相同的。由于每次應(yīng)用的交互都需要向服務(wù)器發(fā)送請求，應(yīng)用的響應(yīng)時間就依賴于服務(wù)器的響應(yīng)時間。這導(dǎo)致了用戶界面的響應(yīng)比本地應(yīng)用慢得多。

與此不同，AJAX應(yīng)用可以僅向服務(wù)器發(fā)送并取回必需的數(shù)據(jù)，它使用SOAP或其它一些基于XML的web service接口，并在客戶端采用JavaScript處理來自服務(wù)器的響應(yīng)。因為在服務(wù)器和瀏覽器之間交換的數(shù)據(jù)大量減少，結(jié)果我們就能看到響應(yīng)更快的應(yīng)用。同時很多的處理工作可以在發(fā)出請求的客戶端機器上完成，所以Web服務(wù)器的處理時間也減少了。

Ajax應(yīng)用程序的優(yōu)勢在于：

1. 通過異步模式，提升了用戶體驗

2. 優(yōu)化了瀏覽器和服務(wù)器之間的傳輸，減少不必要的數(shù)據(jù)往返，減少了帶寬占用

3. Ajax引擎在客戶端運行，承擔(dān)了一部分本來由服務(wù)器承擔(dān)的工作，從而減少了大用戶量下的服務(wù)器負(fù)載。

Ajax的工作原理

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

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

動態(tài)更新購物車的物品總數(shù)，無需用戶單擊Update并等待服務(wù)器重新發(fā)送整個頁面。

提升站點的性能，這是通過減少從服務(wù)器下載的數(shù)據(jù)量而實現(xiàn)的。例如，在某購物車頁面，當(dāng)更新籃子中的一項物品的數(shù)量時，會重新載入整個頁面，這必須下載整個頁面的數(shù)據(jù)。如果使用Ajax計算新的總量，服務(wù)器只會返回新的總量值，因此所需的帶寬僅為原來的百分之一。 消除了每次用戶輸入時的頁面刷新。例如，在Ajax中，如果用戶在分頁列表上單擊Next，則服務(wù)器數(shù)據(jù)只刷新列表而不是整個頁面。
直接編輯表格數(shù)據(jù)，而不是要求用戶導(dǎo)航到新的頁面來編輯數(shù)據(jù)。對于Ajax，當(dāng)用戶單擊Edit時，可以將靜態(tài)表格刷新為內(nèi)容可編輯的表格。用戶單擊Done之后，就可以發(fā)出一個Ajax請求來更新服務(wù)器，并刷新表格，使其包含靜態(tài)、只讀的數(shù)據(jù)。

一切皆有可能！但愿它能夠激發(fā)您開始開發(fā)自己的基于Ajax的站點。然而，在開始之前，讓我們介紹一個現(xiàn)有的Web站點，它遵循傳統(tǒng)的提交/等待/重新顯示的范例，我們還將討論Ajax如何提升用戶體驗。