Ajax(Asynchronous JavaScript and XML)是一個結(jié)合了Java技術(shù)、XML、以及JavaScript的編程技術(shù)，可以讓你構(gòu)建基于Java技術(shù)的Web應(yīng)用，并打破了使用頁面重載的慣例。 

Ajax，異步JavaScript與XML，是使用客戶端腳本與Web服務(wù)器交換數(shù)據(jù)的Web應(yīng)用開發(fā)方法。這樣，Web頁面不用打斷交互流程進行重新加裁，就可以動態(tài)地更新。使用Ajax，你可以創(chuàng)建接近本地桌面應(yīng)用的，直接的、高可用的、更豐富的、更動態(tài)的Web用戶接口界面。

Ajax不是一個技術(shù)，它更像是一個模式—標志并描述有用的設(shè)計技巧的一種方法。對于剛了解它的許多開發(fā)人員來說，它是一種新的感覺，但是實現(xiàn)Ajax的所有組件都已存在了許多年。

當前的熱鬧是因為在2004與2005年出現(xiàn)了一些基于Ajax的非常動態(tài)的WebUI，尤其是Google的GMail與Maps應(yīng)用系統(tǒng)、與照片共享網(wǎng)站Flickr。這些UI充分地使用了后臺通道，也被一些開發(fā)者稱為“Web 2.0”，并導致了大家對Ajax應(yīng)用興趣的猛漲。

一個更好的購物車

你可以使用Ajax來加強傳統(tǒng)的Web應(yīng)用，通過消除頁面載入來使交互更流暢。為了示范它，我將使用一個簡單的，能動態(tài)更新加入的物品購物車。結(jié)合一個在線商店，這個方法可以不用等待點擊后的頁面重載，而讓我們繼續(xù)瀏覽并挑選物品到購物車中。

雖然，本文中的代碼針對購物車例子，但其中展示的技術(shù)可以用到其它的Ajax應(yīng)用中。列表1中展示了購物車示例所使用的HTML代碼。在整篇文章中，我都將會引用到這些HTML代碼。

Ajax處理過程

一個Ajax交互從一個稱為XMLHttpRequest的JavaScript對象開始。如同名字所暗示的，它允許一個客戶端腳本來執(zhí)行HTTP請求，并且將會解析一個XML格式的服務(wù)器響應(yīng)。Ajax處理過程中的第一步是創(chuàng)建一個XMLHttpRequest實例。使用HTTP方法(GET或POST)來處理請求，并將目標URL設(shè)置到XMLHttpReques對象上。

現(xiàn)在，記住Ajax如何首先處于異步處理狀態(tài)?當你發(fā)送HTTP請求，你不希望瀏覽器掛起并等待服務(wù)器的響應(yīng)，取而代之的是，你希望通過頁面繼續(xù)響應(yīng)用戶的界面交互，并在服務(wù)器響應(yīng)真正到達后處理它們。

要完成它，你可以向XMLHttpRequest注冊一個回調(diào)函數(shù)，并異步地派發(fā)XMLHttpRequest請求?？刂茩?quán)馬上就被返回到瀏覽器，當服務(wù)器響應(yīng)到達時，回調(diào)函數(shù)將會被調(diào)用。

在Java Web服務(wù)器上，到達的請求與任何其它HttpServletRequest一樣。在解析請求參數(shù)后，servlet執(zhí)行必需的應(yīng)用邏輯，將響應(yīng)序列化到XML中，并將它寫回HttpServletResponse。

回到客戶端，注冊在XMLHttpRequest上的回調(diào)函數(shù)現(xiàn)在會被調(diào)用來處理由服務(wù)器返回的XML文檔。最后，通過更新用戶界面來響應(yīng)服務(wù)器傳輸過來數(shù)據(jù)，使用JavaScript來操縱頁面的HTML DOM。圖1是Ajax處理過程的一個時序圖。

圖1:Ajax處理過程

現(xiàn)在，你應(yīng)該對Ajax處理過程有了一個高層視圖。我將進入其中的每一步看看更細節(jié)的內(nèi)容。如果你找不到自己的位置時，就回頭再看看圖1，加—因為Ajax方法的異步本質(zhì)，所以時序圖并不是筆直向前的。