【正文】 q = new XMLHttpRequest()。s look at each step of the Ajax interaction in more detail. 1. A client event occurs. JavaScript technology functions are called as the result of an event. In this case, the function validate() may be mapped to a onkeyup event on a link or form ponent. input type=text size=20 id=userid name=id onkeyup=validate()。s or your service39。 什么是顯而易見的 事 ，著名的 Web應(yīng)用正日益成為 并 更具互動性。 使用 AJAX ，您需要使用最新的瀏覽器版本 它 支持 XMLHttpRequest對象需要 AJAX的 相互作用。 見 限制進(jìn)入您的 Ajax服務(wù) 的更多信息，保護(hù)您的服務(wù)。 框架，如 谷歌的Web工具包 已經(jīng)出現(xiàn)，使客戶端和服務(wù)器來回調(diào)試。 見 瀏覽器的差別。 HTML網(wǎng)頁開發(fā)人員需要有一個基本的了解的 JavaScript技術(shù)來創(chuàng)造新的 Ajax功能。 (messageElement)。 } else { // create the new elements var fontElement = (font)。 另外的改變 HTML DOM的方法是動態(tài)創(chuàng)建新元素然后將其作為子元素插入目標(biāo)元素下、如下所示： script type=text/javascript function setMessage(message) { var userMessageElement = (userIdMessage)。通用的方法是設(shè)置 innerHTML屬性、如下所示： script type=text/javascript function setMessage(message) { var userMessageElement = (userIdMessage)。 } parseMessages()方法處理從服務(wù)端返回的 XML文檔、該方法使用 message元素的值去調(diào)用 setMessage()方法來改變 HTML DOM。網(wǎng)頁中的 JavaScript方法可以訪問這個模型、并且可以在頁面已經(jīng)全部加載完成后再次改變這個模型。 是 XMLHttpRequest對象將只處理請求并在ContentType的唯一 text/xml ，并設(shè)置 CacheControl ，以 no cache將瀏覽器從本地緩存響應(yīng)情況下，重復(fù)請求相同的 URL （包括 URL參數(shù)）可能會返回不同的反應(yīng)。 (text/xml)。在這個例子中，我們假設(shè)，使用者輸入 duke的編號。 } else { (text/xml)。amp。 (greg,account data)。 servlet處理 XMLHttpRequest就和處理其他 HTTP請求一樣： 下面的例子顯示一個服務(wù)器提取 id參數(shù)的要求，并確認(rèn)是否已采取參數(shù)。 一個 HTTP POST需要一個ContentType標(biāo)頭設(shè)置上 XMLHttpRequest對象使用了如下聲明： (ContentType, application/xformurlencoded)。 如這個例子中，數(shù)據(jù)公布（ id ）是作為一個 URL參數(shù)。 3 .XMLHttpRequest對象提出了要求。URL服務(wù)器端組件，該對象將互動 。 = callback。 var url = validate?id= + encodeURIComponent()。 點擊鏈接或表單元素的鍵盤事件引發(fā) JavaScript函數(shù) validate()： 2 .XMLHttpRequest對象的創(chuàng)建和配置。 現(xiàn)在讓我們來 詳細(xì) 看看每一步 AJAX互動 1． 客戶端事件發(fā)生。 ValidateServlet 。 圖 1描述的細(xì)節(jié)， AJAX的相互作用，將提供驗證邏輯。 解剖一個 AJAX交互 ： 現(xiàn)在我們已經(jīng)討論了 Ajax與一些較高級別的問題，讓我們把所有的 放在 一起，看一個基于 AJAX的 Java應(yīng)用程序。 例如，您可以混合內(nèi)容或數(shù)據(jù)的第三 方應(yīng)用程序，例如谷歌地圖與您自己的應(yīng)用程序。 新興技術(shù)，如 彗星 正在制定，提供真正的服務(wù)器端通過 HTTP 的推動保持持久連接用戶端與 服務(wù) 器之間。 負(fù)荷需求： 基于客戶端的事件，一個 HTML頁面可以 在后臺 獲取更多的數(shù)據(jù)，讓網(wǎng)頁瀏覽器加載更快 智能客戶端接口控制： 諸 如樹 ，菜單，數(shù)據(jù)表，豐富的文本編輯器，日歷和進(jìn)度條允許用戶更好地互動和互動的 HTML 網(wǎng)頁，一般 而言 不需要重新加載頁面。同時 AJAX也需要一種完全不同的服務(wù)端架構(gòu)來支持這種交互模式。如果你一定要兼容老一代瀏覽器那還是不要用 AJAX了。 AJAX并不是新事物、數(shù)年前使用微軟 IE瀏覽器的開發(fā)者們就在使用它、直到最近、這項技術(shù)被冠以遠(yuǎn)程腳本而更出名了。一些技術(shù)比如JavaScript和 CSS已經(jīng)非常成熟、你可以使用他們高效的創(chuàng)建動態(tài)網(wǎng)頁、并可以跑在大多數(shù)主流瀏覽器上。傳統(tǒng)意義上的 WEB應(yīng)用就是一組網(wǎng)頁、當(dāng)頁面上有任何一點內(nèi)容有所變化的時候必須更新整個網(wǎng)頁。 JavaScript再使用這個 XML文檔更新或改動本網(wǎng)頁的文檔對象模型（ DOM）、名詞 AJAX就是近年來出現(xiàn)的用與描述這種交互模式的新名詞。真正神奇的事情在于 JavaScript和 XMLHttpRequest對象技術(shù)的結(jié)合 、盡管 XMLHttpRequest對象技術(shù)并不屬于 JavaScript標(biāo)準(zhǔn)規(guī)范、但是現(xiàn)代的主流瀏覽器都支持、在 Firefox、 IE、 Safari 這些瀏覽器對JavaScript和 CSS的執(zhí)行有微小不同、但這些不同之處很容易理解和處理。 AJAX清楚的將表示邏輯和數(shù)據(jù)分離開來、一個 HTML網(wǎng)頁能夠在需要的時候獲取以比特為單位的數(shù)據(jù)片段！這不同于以前的有一點變化就必須刷新整個頁面的做法。 一些 AJAX的 應(yīng)用 如下： 實時數(shù)據(jù)驗證表單： 實時的表單數(shù)據(jù)驗證：象 ID號、序列號、郵政編碼、優(yōu)惠卷號碼這樣的表單數(shù)據(jù)可以在用戶提交整個表單之前就得到驗證！ 自動補(bǔ)全：一些特定表單數(shù)據(jù)比如 、姓名、城市名可以根據(jù)用戶的類型自動填寫。 民調(diào)不是最有效的手段 來 確保數(shù)據(jù)在網(wǎng)頁上是最電流。 混搭： 一個 HTML 頁面可以獲取數(shù)據(jù)使用的是服務(wù)器端的代理或由包括外部腳本組合外部數(shù)據(jù)與您的應(yīng)用程序或您的服務(wù)的資料。 這些用處并不全、但是它們說明了 AJAX交互使得 WEB應(yīng)用可以作到大量以前無法作到的事情。 服務(wù)器端 Web組件（ servlet的 ）命名 ValidateServlet將提供驗證邏輯。 。 7. 在 HTML的 DOM更新。 input type=text size=20 id=userid name=id onkeyup=validate()。 function validate() { var idField = (userid)。 } (GET, url, true)。 open功能需要三個參數(shù)： HTTP方法，這是 GET或 POST 。 見第 6條的更詳細(xì)的信息。 當(dāng)此功能要求 XMLHttpRequest對象，調(diào)用的 URL是在配置的對象是所謂的。 在 HTTP POST法時，應(yīng)當(dāng)使用發(fā)送數(shù)據(jù)到服務(wù)器，這將影響服務(wù)器端的應(yīng)用程序狀態(tài)。 4 .請求被 ValidateServlet所處理 : 映射到一個 servlet的 URI “驗證 ”檢查用戶是否 ID是在用戶數(shù)據(jù)庫。 public void init(ServletConfig config) throws ServletException { = ()。 if ((targetId != null) amp。 ().write(valid)。 } } } 在這個例子中，一個簡單的 hashmap是用來控制用戶。 ValidateServlet生成一個 XML文檔作為響應(yīng)、更復(fù)雜的情況可能用到 DOM、 XSLT等。 開發(fā)者必須了解兩件事：第一： ContentType必須設(shè)置為 text/xml；第二：CacheControl 必須設(shè)置為 nocache。 function callback() { if ( == 4) { if ( == 200) { // update the HTML DOM based on whether or not message is valid } } } 瀏覽 器維護(hù)著一個文檔的對象表示模型、既： DOM。 setMessage([0].nodeValue)。 userIdMessage 就是網(wǎng)頁上任意元素的 ID屬性、有了元素（對象）的 引用、 JavaScript就可以改變這個元素的屬性以及這個元素的樣式屬性、還可以增加刪除或改變這個元素的子元素。 這種方法最大的缺點是在 JavaScript代碼里面難于以字符串形式書寫HTML、內(nèi)嵌于 JavaScript中的 HTML也難以看 懂、維護(hù)和更改。 if ([0]) { // update the elements (messageElement, [0])。 (fontElement)。 最后的想法 : 這些事情可能并不多么引人注目、而且還有一些缺陷： 復(fù)雜性： 服務(wù)器端的開發(fā)將需要演示的邏輯的理解是，將需要在客戶端的HTML網(wǎng)頁，以及在服務(wù)器端的邏輯來生成 XML內(nèi)容所需要的客戶端的 HTML網(wǎng)頁。 這是最有效地利用圖書館，如 道場 ，提供備用的解決方案使 AJAX互動透明甚至舊版本的瀏覽器不支持 XMLHttpRequest對象： JavaScript的技術(shù)實施： Ajax的相互作用在很大程度上取決于 JavaScript的技術(shù)，具有微妙的差異取決于客戶端。 瀏覽器加載項，如 Mozilla的螢火蟲 出現(xiàn)，使調(diào)試更加容易。 當(dāng)提供 AJAX服務(wù) 后 ，你 就可 以確保這些服務(wù)只提供給那些 已 打算 好的 。 更好地了解這種互動模式，今天的應(yīng)用可以成為更具互動性， 為 最終用戶提供一個更好的經(jīng)驗。 隨著 Ajax編程模型的發(fā)展，現(xiàn)有的技術(shù)和框架，使這一過渡 更加容易。s mainstream browsers support it. The subtle differences with the JavaScript technology and CSS support among current generation browsers such as Mozilla Firefox, Inter Explorer, and Safari are manageable. JavaScript libraries such as Dojo, Prototype, and the Yahoo User Interface Library have emerged to fill in where the browsers are not as manageable and to provide a standardized programming model. Dojo, for example, is addressing accessibility, internationalization, and advanced graphics across browsers all of which had been thorns in the side of earlier adopters of Ajax. More updates are sure to occur as the need arises. What makes Ajaxbased clients unique is that the client contains pagespecific control logic embedded as JavaScript technology. The page interacts with the JavaScript technology based on events such as the loading of a document, a mouse click, focus changes, or even a timer. Ajax interactions allow for a clear separation of presentation logic from the data. An HTML page can pull in bitesize pieces to be displayed. Ajax will require a different ser