【正文】 s that Ajax interactions allow web applications to do much more than they have done in the past. The Anatomy of an Ajax Interaction Now that we have discussed what Ajax is and what some higherlevel issues are, let39。 是嗎？ Asynchronous JavaScript Technology and XML (Ajax) With the Java Platform Anyone who has used Flickr, GMail, Google Suggest, or Google Maps will realize that a new breed of dynamic web applications is emerging. These applications look and act very similar to traditional desktop applications without relying on plugins or browserspecific features. Web applications have traditionally been a set of HTML pages that must be reloaded to change any portion of the content. Technologies such as JavaScript programming language and cascading style sheets (CSS) have matured to the point where they can be used effectively to create very dynamic web applications that will work on all of the major browsers. This article will detail several techniques that you can use today to enable your web applications to be more rich and interactive like desktop applications. Using JavaScript technology, an HTML page can asynchronously make calls to the server from which it was loaded and fetch content that may be formatted as XML documents, HTML content, plain text, or JavaScript Object Notation (JSON). The JavaScript technology may then use the content to update or modify the Document Object Model (DOM) of the HTML page. The term Asynchronous JavaScript Technology and XML (Ajax) has emerged recently to describe this interaction model. Ajax is not new. These techniques have been available to developers targeting Inter Explorer on the Windows platform for many years. Until recently, the technology was known as web remoting or remote scripting. Web developers have also used a bination of plugins, Java applets, and hidden frames to emulate this interaction model for some time. What has changed recently is the inclusion of support for the XMLHttpRequest object in the JavaScript runtimes of the mainstream browsers. The real magic is the result of the JavaScript technology39。使用 AJAX還需要大量的客戶端 JavaScript技術(shù)和 CSS 。 我們已經(jīng)看到， Ajax的相互作用可以解決許多問題。 獲取資源和保護您的數(shù)據(jù)： 您可以查看客戶端 JavaScript技術(shù)只需通過 選擇查看源文件從一個基于 AJAX的網(wǎng)頁。 考慮使用的圖書館，如 道場 ，其中涉及許多分歧。 其他選項，如 項目 jMaki 和 項目動態(tài)工作面 提供一種面向 Java開發(fā)人員能夠更好地利用 Ajax功能，而不需要深入了解的 JavaScript技術(shù)。 } } /script body div id=userIdMessage/div /body 代碼示例顯示了 DOM API 的 JavaScript的技術(shù)可能被用來創(chuàng)造一個因素，或者改變元素編程。 (id, userIdMessageFont)。 var userIdMessageFont = (userIdMessageFont)。 = font color=\red\ + message + /font。 7. HTML文檔對象被更新。 使用 JavaScript代碼： XML文檔、req為 XMLHttpRequest對象、 DOM為 JavaScript提供了一種搜索文檔內(nèi)容以及根據(jù)搜索結(jié)果改變網(wǎng)頁 DOM的手段。 6 .XMLHttpRequest對象調(diào)用 callback()函數(shù)并處理結(jié)果。 (CacheControl, nocache)。 5 . ValidateServlet返回一個包含結(jié)果的 XML文檔。 (CacheControl, nocache)。 !(())) { (text/xml)。 (duke,account data)。 public class ValidateServlet extends HttpServlet { private ServletContext context。 (id= + escape())。 使用 HTTP GET請求時，是冪等，也就是說，兩個重復(fù)的請求將返回同樣的結(jié)果。 執(zhí)行到 (null)的時候發(fā) 出請求。和一個布爾說明是否要求將異步。 (null)。 if (typeof XMLHttpRequest != undefined) { req = new XMLHttpRequest()。 創(chuàng)建和配置 一個 XMLHttpRequest對象 。 JavaScript技術(shù) 的 功能 就是一個 結(jié)果的事件。 ValidateServlet返回一個 XML文件 ， 其中載有結(jié)果。 下列項目代表設(shè)置的一個 AJAX的交互，如圖 1: 。 讓我們考慮一個例子。 網(wǎng)頁作為一種應(yīng)用： Ajax 技術(shù)，可創(chuàng)造單一網(wǎng)頁的應(yīng)用程序的外觀和感覺很像一個桌面應(yīng)用程序。 看到這個博客條目對 彗星使用灰熊更多的發(fā)展，推動服務(wù)器與 Java技術(shù) 。 更新 數(shù)據(jù)和服務(wù)器推： HTML 網(wǎng)頁可能從一個服務(wù)器 獲得 最新數(shù)據(jù)，如分?jǐn)?shù)，股票報價，天氣預(yù)報，或適用的具體數(shù)據(jù)。以前的傳統(tǒng)服務(wù)端 WEB應(yīng)用專注于為每一個客戶端的每一次請求生成 HTML頁面、每一次客戶端接到響應(yīng)都要刷新和重新渲染整個頁面。 是什么使得基于 AJAX的客戶端如此獨特？那就是客戶端所嵌入的頁面特定的控制邏輯、這些控制邏輯以 JavaScript代碼的形式存在。以前 WEB開發(fā)者使用插件、 applets 或者隱藏框架來仿效這種交互模式。本文將細(xì)述數(shù)種可以使你的 WEB應(yīng)用更豐富更具交互性（就象桌面應(yīng)用一樣）的技術(shù)。 畢業(yè)設(shè)計 (論文 )外文資料翻譯 學(xué) 院 ： 計算機工程學(xué)院 專業(yè)班級 ： ******** 學(xué)生姓名 ： ***** 學(xué) 號： 110511606 指導(dǎo)教師 ： **** 外文出處 ： (外文 ) /technicalArticles 附 件 ： ； 指導(dǎo)教師評語： 簽名： 年 月 日 異步 JavaScript技術(shù)和 XML （ AJAX ）與 Java平臺 使用過 Flickr、 GMail,、 Google、 Suggest或 Google地圖的人都知道一種全新的動態(tài) WEB應(yīng)用正在成型、這些應(yīng)用看上去和傳統(tǒng)桌面應(yīng)用非常相似、他們不依賴于插件或者瀏覽器特效。 使用 JavaScript技術(shù)、 HTML網(wǎng)頁可以異步調(diào)用生成它的服務(wù)器上的服務(wù)并可以獲取返回的 XML文檔形式的結(jié)果。但是現(xiàn)在由于XMLHttpRequest對象技術(shù)已經(jīng)在各大平臺的主流瀏覽器上普及、所以這種模仿的情況越來越少了。頁面與JavaScript的交互建立在事件的基礎(chǔ)上（比如文檔加載事件、鼠標(biāo)點擊事件、焦點變化事 件、甚至一個時鐘事件）。而我們所談的 WEB應(yīng)用專注于客戶端把 HTML文檔當(dāng)作模版或容器、客戶端向這個容器中插入內(nèi)容、作到這些的原理就是每當(dāng)客戶端發(fā)生事件、客戶端都可以向服務(wù)端發(fā) 出請求并使用服務(wù)端返回的 XML數(shù)據(jù)。 客戶可以使用 Ajax技術(shù)得到了一套最新數(shù)據(jù)不重 載 整頁。 部分 更新 ： 一個 HTML頁面可以提交表單數(shù)據(jù)的需要，而不需要一整頁刷新。 看到 一篇關(guān)于使用 Ajax 和門戶 提供更多關(guān)于如何使用的 portlet應(yīng)用的 。 一個 web應(yīng)用包含一個靜態(tài)的網(wǎng)頁， 或 HTML頁面中生成的 JSP技術(shù) 包含 HTML表單，需要服務(wù)器端的邏輯來驗證表單數(shù)據(jù)而無需刷新頁面。 XMLHttpRequest對象 的 創(chuàng)建和配置。 6. XMLHttpRequest對象調(diào)用 callback()函數(shù)和過程的結(jié)果。 在這種情況下，功能 validate()可能會映射到 onkeyup事件的鏈接或形式的組成部分。 var req。 } else if () { req = new ActiveXObject()。 } 該 validate()函數(shù)創(chuàng)建一個 XMLHttpRequest對象，并要求公開功能的對象。 這個 API是(String method, String URL, boolean asynchronous)， 如果一個互動設(shè)置為異步（ true ） 則必須有一個 回調(diào)函數(shù) ： = callback。 如果一個 HTTP GET ，此內(nèi)容可能是 null 或空白。 當(dāng)使用 HTTP GET方法，長度的網(wǎng)址，包括轉(zhuǎn)義網(wǎng)址參數(shù)，限制了一些瀏覽器和服務(wù)器端的 Web容器。 如果用 JavaScript產(chǎn)生表單元素值、必須確保值編碼的正確、 JavaScript有一個 escape()函數(shù)用于保障正確的編碼、并把 特定字符正確的忽略掉。 private HashMap users = new HashMap()。 } public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException { String targetId = (id)。 (CacheControl, nocache)。 ().write(invalid)。 用戶 ID duke是本列表中的用戶 ID的 users HashMap 。 ().write(invalid)。 XMLHttpRequest對象的準(zhǔn)備狀態(tài)有所 變化的時候則調(diào)用 callback()方法、我們假定已經(jīng)請求完畢 ValidateServlet、準(zhǔn)備狀態(tài)為 表示 XMLHttpReque