【正文】 值設(shè)置為 2（發(fā)送）。為發(fā)送一個同步請求，需要把這個參數(shù)設(shè)置為 false。XMLHttpRequest 對象提供了各種方法處理 HTTP 請求。 if(ready==READY_STATE_COMPLETE) { data=。 使用回調(diào)函數(shù)監(jiān)視請求 處理異步通信需要在代碼中設(shè)置一個入口點(diǎn)，以便在調(diào)用結(jié)束的時候可以獲取結(jié)果。 2) 增加 try/eateh 塊。 } 有些版本的 Mozilla 瀏覽器處理服務(wù)器返回的未包含 XML mimetype 頭部信息的內(nèi)容時會出錯。 Ajax 應(yīng)用程序的開發(fā)過程 通過上述分析，結(jié)合 Ajax 的生命周期，可以 形成一個發(fā)送和接收XMLHttpRequest 請求的程序框架。 4) 向服務(wù)器發(fā) 起請求：瀏覽器向服務(wù)器發(fā)出一個請求。 表 22 XMLHttpRequest 對象的屬性 屬性 描述 onreadystatechange 狀態(tài)改 變的事件觸發(fā)器 readyState 對象狀態(tài) (integer): 0 = 未初始化 1 = 讀取中 2 = 已讀取 3 = 交互中 4 = 完成 responseText 服務(wù)器進(jìn)程返回數(shù)據(jù)的文本版本 responseXML 服務(wù)器進(jìn)程返回數(shù)據(jù)的兼容 DOM 的 XML 文檔對象 status 服務(wù)器返回的狀態(tài)碼： 如： 404 = 文件末找到 、 200 =成功 statusText 服務(wù)器返回的狀態(tài)文本信息 Ajax 的生命周期 為了能使作為 Web 應(yīng)用程序一部分的 Ajax 的生命周期更像桌面系統(tǒng)的 GUI，而 DOM 則扮演了類似 GUI 控件的角色。它提供的 Response 系列方法，可以將這些響應(yīng)數(shù)據(jù)以文本、 XMLDocument 對象、 AdoStream 對象或者 Unsignedbyte 數(shù)組的方式組裝起來，由 JavaScript 操縱 DOM 更新 Web 頁面內(nèi)容。 Ajax 核心技術(shù) —— XMLHttpRequest 對象 XML HttpRequest 對象是 Ajax 技術(shù)的核心，沒有 XML HttpRequest 對象就相當(dāng)于沒有 Ajax，它是 Ajax 的最重要的一個對象。 DOM 還可以用來表示 XML 文檔，其語法比 HTML 文檔的語法復(fù)雜的多。 JavaScript 使有 規(guī)律地重復(fù)的 HTML 文段簡化，減少下載時間。 自動更新頁面 通常在聊天室等需要經(jīng)常刷新數(shù)據(jù)的頁面中，可以在頁面加載以后，通過 Ajax引擎在后臺進(jìn)行定時的輪詢，向服務(wù)器發(fā)送請求，查看是否有最新的消息?，F(xiàn)在來看幾個常見的 Ajax 的應(yīng)用實(shí)例。無論引入何種用戶交互模型，都應(yīng)以用戶為先，確保 Ajax 應(yīng)用的有效性和易用性。由于數(shù)據(jù)的發(fā)送和接收在后臺完成，用戶瀏覽器端顯示的內(nèi)容不會閃爍、消失或延遲，不會出現(xiàn)“白屏”。 整個交互通信過程是異步進(jìn)行的，所以 Jesse James Garret 采用了 Ajax（ Asynchronous JavaScript and XML）這個名稱。但是，很多 Ajax Web 站點(diǎn)證明，這些理由再也站不住腳了，例如 BackPack、 Google Suggest、 Google Maps、PalmSphere 等，這些 Web 站點(diǎn)都表明， Web 應(yīng)用程序不必完全依賴于從服務(wù)器重新載入頁面來向用戶呈現(xiàn)更改。 Ajax 提供與服務(wù)器異步通信的能力，從而使用戶從請求 /響應(yīng)的循環(huán)中解脫出來。 主要介紹了 Ajax 開發(fā)平臺的搭建，在項目中使用到的 Ajax 技術(shù)，以及對 其功能模塊進(jìn)行設(shè)計和實(shí)現(xiàn)，并針對系統(tǒng)的特點(diǎn)，對 Ajax 的性能進(jìn)行了優(yōu)化。首先介紹了 Ajax 技術(shù)的定義，核心概念，常見應(yīng)用，并提出了技術(shù)的適用范圍。 然后，通過對南通女子監(jiān)獄績效考核實(shí)施辦法的研究與分析，結(jié)合該單位負(fù)責(zé)人對績效考核系統(tǒng)的功能要求和監(jiān)獄民警績效考核方式與過程，給出一個適合于該單位的監(jiān)獄民警績效考核系統(tǒng)具體設(shè)計方案。對于這些 Web 應(yīng)用，很多用戶由于缺乏很好的用戶體驗(yàn)，因此更偏向使用 C/S 架構(gòu)的程序。對 Web 開發(fā)而言 Ajax 已經(jīng)成為一種新的設(shè)計模式，它的提出不僅 是對傳統(tǒng)的 web 應(yīng)用的巨大沖擊，同時還為web 開發(fā)帶來了極大的挑戰(zhàn)。 Google 公司建造的 Ajax 應(yīng)用包括 Google Maps、 GMail、 Google Suggest 等等，其中公認(rèn)最優(yōu)秀最復(fù)雜的 Ajax 應(yīng)用是 Google Maps。隨著Ajax 的發(fā)展和流行，其應(yīng)用范圍也將繼續(xù)擴(kuò)大。 Ajax 構(gòu)建速度快，以標(biāo)準(zhǔn)規(guī)范為基礎(chǔ)，可以創(chuàng)建很豐富的基于瀏覽器的應(yīng)用，它能提供與服務(wù)器異步 通信的能力，能提供高度交互的 Web 應(yīng)用，與桌面應(yīng)用所差無幾。它提供與服務(wù)器異步通信的能力，使用戶從傳統(tǒng)的請求 /響應(yīng)的循環(huán)，以及大文件下載的漫長等待中解脫 [2]。 RIA 可擴(kuò)展性大，視覺互動性好，但是其缺點(diǎn)是訪問速度慢，下載的文件較大。比如，瀏覽器與服務(wù)器的通信是同步的，用戶體驗(yàn)較差，就是問題之一。從而告別繁瑣的紙質(zhì)辦公，實(shí)現(xiàn)政務(wù)電子信息化，并且也極大程度上防止了以往考核時人為因素等諸多不良的影響，真正實(shí)現(xiàn)了政務(wù)的公開、公平、公正。 pared with the traditional web development model and Ajaxbased technologies under development Different models point。但 J2EE 自身的 EJB 模型配置部署復(fù)雜，制約其廣泛應(yīng)用。此外，傳統(tǒng) Web 應(yīng)用中普遍存在的交互能力差、界面不友好等問題，也構(gòu)成了 Web 應(yīng)用發(fā)展的瓶頸。 at the same time against of the wide range of issues which encountered in the application of Ajax technology, put forward the corresponding solutions。 3) 缺乏科學(xué)的理論指導(dǎo)。隨著應(yīng)用程序復(fù)雜性越來越高，傳統(tǒng)的應(yīng)用程序已經(jīng)漸漸不能滿足瀏覽者更高的、全方位的體驗(yàn)要求了，這個問題被 Macromedia 公司稱之為“體驗(yàn) 問題” (Experience Matter)。 針對 RIA 技術(shù)不以 HTML 規(guī)范為基礎(chǔ)，下載文件大，訪問速度慢等缺點(diǎn)。 3) 使用 HTMLDOM 實(shí)現(xiàn)動態(tài)顯示和交互。 使用 Ajax 技術(shù)以后， Inter 默認(rèn)的同步的請求 /響應(yīng)模式有了重大的轉(zhuǎn)變。致力于為 Ajax開發(fā)建造先進(jìn)強(qiáng)大的開發(fā)工具。最終使得 Google Maps 脫穎而出，獲得了用戶的青睞。 現(xiàn)在已經(jīng)是 的時代， Ajax 在其中扮演了重要的角色。 2) 優(yōu)化了 Ajax 動態(tài)載入信息的功能，通過使用存儲技術(shù)，存儲未改變的信息，僅載入需要改變的信息，進(jìn)一步提高了 Ajax 的性能。交付后，通過設(shè)計的一張用戶使用反饋表，跟蹤測試系統(tǒng)性能和用戶使用滿意度，為系統(tǒng)的升級做數(shù)據(jù)積累。首先簡單介紹了民警績效考核系統(tǒng)，對系統(tǒng)進(jìn)行了需求分析。 第六章。最重要的是，用戶甚至不知道瀏覽器正在與服務(wù)器通信： Web 站點(diǎn)看起來是即時響應(yīng)的。 Ajax 的由來 Ajax 并不是一門全新的技術(shù)，而是將眾多現(xiàn)有技術(shù)綜合使用，實(shí)現(xiàn)現(xiàn)代 Web應(yīng)用程序的一個途徑 [10,11]。傳統(tǒng)的 web 應(yīng)用程序模型中，瀏覽器本身負(fù)責(zé)初始化向服務(wù)器的請求和處理服務(wù)器端的響應(yīng)。并不 是所有的用戶請求都提交給服務(wù)器。要充分考慮到用戶是否會使用老版本的瀏覽器或特定的軟件，以制定相應(yīng)的措施。而使用 Ajax 技術(shù)，可以由XMLHttpRequest 對象發(fā)出驗(yàn)證請求，根據(jù)返回的 Http 響應(yīng)判斷驗(yàn)證是否成功，整個過程不需要彈出新窗口，也不需要將整個頁面提交到服務(wù)器，快速而又不加重服務(wù)器的負(fù)擔(dān)。 Ajax 的重要組成技術(shù) Ajax 涉及到了 JavaScript、 XHTML 和 CSS、 DOM、 XML 和 XSTL、XMLHttpRequest 等技術(shù)，其中 JavaScript， DOM， XML， XMLHttpRequest 比較有用 [13]?，F(xiàn)在，可以通過 JavaScript 操作 XMLHttpRequest，來跟數(shù)據(jù)庫打交道。它是互聯(lián)網(wǎng)聯(lián)合組織 ( W3C,World Wide Web Consortium)于 1998 年初制定的一種新的數(shù)據(jù)描述語言，用于描述數(shù)據(jù)文檔中數(shù)據(jù)的組織和安排結(jié)構(gòu) [16]。組合這些技術(shù)可以做出強(qiáng)大的應(yīng)用，典型的代表是 GoogleMaps 和 GoogleSuggest。 圖 24 顯示了 XMLHttpRequest 對象在 Ajax 開發(fā)中的應(yīng)用。這個調(diào)用是異步進(jìn)行的，所以事件監(jiān)聽階段和事件響應(yīng)階段是分開的。 6) 瀏覽器更新頁面：請求調(diào)用函數(shù)根據(jù)響應(yīng)結(jié)果更新 DOM 內(nèi)容，比如 DOM變量或者任何 JavaScript 變量，更新頁面內(nèi)容。 初始化 XMLHttpRequest 對象 為了讓 JavaScript 可以向服務(wù)器發(fā)送 HTTP 請求，必須使用 XMLHttpRequest對象 ,使用之前，要先將 XMLHttpRequest 對象實(shí)例化 [19]。 17 (39。 5) 嘗試使用較新版本的 Microsoft 瀏覽器創(chuàng)建 Microsoft 兼容的對象)。在用 JavaScript 編寫用戶界面的事件處理代碼時，我們將函數(shù)分配給 onkeypress、 onmouseover 或者對象上的內(nèi)似屬性。比如： = processRequest。其中， method 參數(shù)必須提供，用于指定用來發(fā)送請求的 HTTP 方法（ GET、 POST、PUT、 DELETE 或 HEAD）。注意，如果調(diào)用 open()方法并且此時 readyState 為 4,則 XMLHttpRequest 對象將復(fù)位這些值。對于一個 HEAD 類型的請求，它將把 readyState 值設(shè)置為 3 后再立即把它設(shè)置為 4。當(dāng) readyState 值為 1 時，可以在調(diào)用 open()方法后調(diào)用這個方法；否則，將得到異常。所有的狀態(tài)碼都可以在 W3C 的官方網(wǎng)站上查到。 Ajax 技術(shù)的優(yōu)點(diǎn) Ajax 的出現(xiàn)是因?yàn)殡S著信息傳輸量的不斷加大，傳統(tǒng)的 Web 應(yīng)用所采用的同步交互方式顯現(xiàn)出越來越明顯的問題。用戶的瀏覽器在執(zhí)行任務(wù)時 即裝載了 Ajax 引擎。 3) 更快的速度： Ajax 的策略是“按需取數(shù)據(jù)” [26]，不像傳統(tǒng)的 Web 開發(fā)模式基于Form 表單的提交然后刷新頁面。這些都是促使商業(yè)和用戶自從上世紀(jì)九十年代以來采用 Web 應(yīng)用的優(yōu)點(diǎn)。 Ajax 技術(shù)在應(yīng)用中應(yīng)避免的常見錯誤 Ajax 的使用也能夠?qū)е孪到y(tǒng)性能下降，或者瀏覽器狀態(tài)異常，為此總結(jié)一些常見的錯誤，在設(shè)計之初就加以避免該類錯誤的發(fā)生，使系統(tǒng)始終能夠在一個正常的軌道上運(yùn)轉(zhuǎn)。 5) 使用一些 Ajax 框架的時候，不要把整個頁面都放在 UpdatePanel 中更新。 Ajax 開發(fā)框架 Ajax 通過 XMLHttpRequest 與服務(wù)器通信來獲取數(shù)據(jù)，并可緩沖和處理數(shù)據(jù)，極大地改善了 Web 應(yīng)用性和用戶交互體驗(yàn)，大大提高了網(wǎng)絡(luò)帶寬利用率。 AjaxAnyWhere 的工作原理如下： 1) 用自定義標(biāo)簽庫將一個 Web 頁面劃分成幾個可重載的區(qū)域； 2) 使用應(yīng)用編程接口（ API）替代傳統(tǒng)通信機(jī)制下表單提交方式； 3) 當(dāng)請求在服務(wù)器端處理時，決定哪些頁面區(qū)域可以刷新，這個過程可以使用基于客戶端的 JavaScript或者基于服務(wù)器端的 AjaxAnyWhere 應(yīng)用編程接揚(yáng)州大學(xué)碩士學(xué)位論文 24 口； 4) 在服務(wù)器端會生成包含即將更新的 HTML 代碼的 XML 文檔； 5) 在客戶端 JavaScript 接受 XML 文檔并解析，更新指定的頁面區(qū)域。與 使用其他框架相比，使用 SWATO 要相對復(fù)雜一些，要訪問的類需要實(shí)現(xiàn)一個 SWATO 接口。 DOJO 的最根本的東西是“ DOJOBase” ,一個很小的單獨(dú)的庫文件，這個文件包括 Ajax、事 件句柄、頁面特效、語言工具等。 DWR 是一個開放源碼的使用 Apache 許可協(xié)議的解決方案，它包含服務(wù)器端Java 庫、一個 DWR servlet 以及 JavaScript 庫。不再需要編寫對象的序列化代碼或者使用第三方工具才能把對象變成XML。生成的 JavaScript 包含存根函數(shù)，代表 Java 類上的對應(yīng)方法并在揚(yáng)州大學(xué)碩士學(xué)位論文 26 幕后執(zhí)行 XMLHttpRequest。 DWR 接著處理了 Java 和 JavaScript 之間的所有遠(yuǎn)程信息，包括轉(zhuǎn)換所有的參數(shù)和返回需要的值。DWR 的源代碼結(jié)果很清晰，使用 eclipse 打開，非常容易閱讀。 程 序 中的 文檔 的 格式 可以 參照 Javadoc 的 文檔 ，目 前 JSDoc 支持param,argument,interface,return,returns,author,deprecated,see,version,requires,throws,exception,link,constructor,private 等‘ ’開頭的標(biāo)記，下面是一個簡單例子 :