一、Ajax概述

?????Ajax的全稱是Asynchronous JavaScript and XML,中文定義為”異步JavaScript和XML”，它是Web2.0技術(shù)的核心，由多種技術(shù)組合而成。使用Ajax技術(shù)不必刷新整個頁面，只需對頁面的局部進行更新，可以節(jié)省網(wǎng)絡(luò)帶寬，提高網(wǎng)頁加載速度，從而縮短用戶等待時間，改善用戶體驗。 ?Ajax技術(shù)主要包括：客戶端腳本語言JavaScript、異步數(shù)據(jù)獲取技術(shù)XMLHttpRequest、數(shù)據(jù)互換和操作技術(shù)XML和XSLT、動態(tài)顯示和交互技術(shù)DOM及基于標準的表示技術(shù)XHTML和CSS等。Ajax極大的發(fā)掘了Web瀏覽器的潛力，開啟了大量的可能性，從而有效地改善了用戶操作體驗。 ??

? 傳統(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的工作原理

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

?

AJAX 基于因特網(wǎng)標準

AJAX 基于因特網(wǎng)標準，并使用以下技術(shù)組合：

·???????? XMLHttpRequest 對象（與服務(wù)器異步交互數(shù)據(jù)）

·???????? JavaScript/DOM（顯示/取回信息）

·???????? CSS（設(shè)置數(shù)據(jù)的樣式）

·???????? XML（常用作數(shù)據(jù)傳輸?shù)母袷剑?/p>

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

?

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

動態(tài)更新購物車的物品總數(shù)，無需使用者點擊Update並等待伺服器重新發(fā)送整個頁面。

提升網(wǎng)站的性 能，這是透過減少從伺服器下載的資料量而實現(xiàn)的。例如，在淘寶的購物車頁面，當(dāng)更新籃子中的一項物品的數(shù)量時，會重新載入整個頁面，這必須下載?32K的資料。如果使用Ajax計算新的總量，伺服器只會傳回新的總量值，因此所需的頻寬僅為原來的百分之一。

消除了每次使用者輸入時的頁面重新整理。例如，在Ajax中，如果使用者在分頁清單上按一下Next，則伺服器資料只刷新清單而不是整個頁面。

直接編輯表格數(shù)據(jù)，而不是要求使用者導(dǎo)航到新的頁面來編輯數(shù)據(jù)。對於Ajax，當(dāng)使用者按一下Edit時，可以將靜態(tài)表格刷新為內(nèi)容可編輯的表格。使用者點擊Done之後，就可以發(fā)出一個Ajax請求來更新伺服器，並刷新表格，使其包含靜態(tài)、唯讀的資料。