【正文】 er,value)方法用來(lái)檢索響應(yīng)的頭部值。其中， 200 代表頁(yè)面正常。當(dāng)服務(wù)器在處理請(qǐng)求的時(shí)候，用戶多數(shù)時(shí)間處 21 于等待的狀態(tài)，屏幕內(nèi)容也是一片空白。Ajax 引擎用 JavaScript 語(yǔ)言編寫，通常藏在一個(gè)隱藏的框架中 [22]。 Ajax 的應(yīng)用會(huì)在一定程度上提高 Web 應(yīng)用的響應(yīng)速度。 Ajax 技術(shù)不但能使 web 應(yīng)用獲得益處，而且使最終用戶受益。在系統(tǒng)應(yīng)用 Ajax 的過(guò)程中尤其需要注意這些常見(jiàn)錯(cuò)誤的避免。在運(yùn)行網(wǎng)頁(yè)時(shí)需要節(jié)省時(shí)間，不要更新那些可以用 JavaScript and DHTML(DOM)的部分。但是，使用 Ajax 編程時(shí)有時(shí)會(huì)碰到諸如支持多個(gè)瀏覽器等，都會(huì)遭遇不兼容等這類問(wèn)題，對(duì)于 大量使用到了 javaScript 技術(shù)的 Ajax 來(lái)說(shuō)， Ajax 程序的調(diào)試也是一個(gè)很麻煩的事情。 AjaxAnyWhere 采取這樣的設(shè)計(jì)思路，可以盡可能的降低 JavaScript 代碼量，降低 Ajax 開(kāi)發(fā)門檻，并且不用直接面對(duì) XMLHttpRequest，具有頁(yè)面 JavaScript 代碼短小精悍，代碼易修改，技術(shù)風(fēng)險(xiǎn)低，兼容性和健壯性等優(yōu)點(diǎn)。 SWATO的文檔相當(dāng)完備，方便實(shí)用。另外還有一些其他工具，比如拖動(dòng)工具、 Ajax 表單工具、 I/O 工具、 JSONRPC 和回調(diào)方法等。雖然 DWR 不是 Java 平臺(tái)上唯一可用的 AjaxRPC 工具包，但是它是最成熟的，而且提供了許多有用的功能。甚至不再需要編寫 servlet 代碼把 Ajax 請(qǐng)求調(diào)整成對(duì) Java 對(duì)象的調(diào)用。這些請(qǐng)求被發(fā)送給 DWR，這時(shí)它的第二個(gè)作用就是把請(qǐng)求翻譯成服務(wù)器端 Java 對(duì)象上的方法調(diào)用并 把方法的返回值放在 servlet 響應(yīng)中發(fā)送回客戶端，編碼成 JavaScript 格式。接著 DWR 執(zhí)行了相應(yīng)的回調(diào)函數(shù)（ populateList）。 27 Ajax 常用的開(kāi)發(fā)工具 Ajax 的出現(xiàn)，極大的改善了 Web 應(yīng)用可用性和用戶交互體驗(yàn)，大大提高了網(wǎng)絡(luò)帶寬利用率。 JSDoc 主要目的是為了給面向?qū)ο蟮?js 文件生成文檔，不過(guò)對(duì)普通的基于過(guò)程的 js 文件以及嵌套在HTML 文件 處理起來(lái)也沒(méi)有問(wèn)題。 DWR 的設(shè)計(jì)很象 webwork2 的設(shè)計(jì)，隱藏 協(xié)議，擴(kuò)展性，兼容性極強(qiáng)。這個(gè)事件處理器調(diào)用一個(gè) DWR 生成的 JavaScript 函數(shù)，它和服務(wù)器端的 Java 函數(shù)是匹配的。把它看作一個(gè)黑盒子，這個(gè)servlet 有兩個(gè)主要作用 :首先，對(duì)于公開(kāi)的每個(gè)類， DWR 動(dòng)態(tài)地生成包含在 Web 頁(yè)面中的 JavaScript。這意味著客戶端代碼再也不需要直接處理 XMLHttpRequest 對(duì)象或者服務(wù)器的響應(yīng)。允許直接從JavaScript 代碼中調(diào)用 Java 方法。它能夠使大家更容易編寫 JavaScript，更快速的制作大型界面，一定程度上使開(kāi)發(fā)人員更容易開(kāi)發(fā)動(dòng)態(tài)的用戶界面。為了幫助開(kāi)發(fā)人員， SWATO 包括許多可復(fù)用的組件，如自動(dòng)完成文本框等。它利用標(biāo)簽把 Web 頁(yè)面簡(jiǎn)單的劃分成幾個(gè)區(qū)域，然后使用 AjaxAnyWhere 來(lái)刷新那些需要被更新的區(qū)域。而這同時(shí)也帶來(lái)一定的負(fù)面效果，如果該應(yīng)用希望兼容于搜索引擎，請(qǐng)放幾個(gè)固定的文字在網(wǎng)頁(yè)上方，讓搜索引擎的 spider 可以處理。注意當(dāng)這些情況發(fā)生時(shí)，仍然希望訪問(wèn)者能夠看到一個(gè)可以閱讀的合理結(jié)果。 4) 對(duì)流媒體的支 持沒(méi)有 FLASH， Java Applet 好。這些利益包括部署應(yīng)用的低投入、維護(hù)方便、縮短開(kāi)發(fā)時(shí)間和不需要安裝。 2) 更好的用戶體驗(yàn) [24， 25]： Ajax 可以異步的更新頁(yè)面，使得用戶在處理一個(gè)請(qǐng)求的時(shí)候同時(shí)可以處理其它的請(qǐng)求，同時(shí)可以將以前 C/S 模式下開(kāi)發(fā)的產(chǎn)品遷移到 Web 平臺(tái)上，加上 Web 自身的優(yōu)點(diǎn) Ajax 應(yīng) 用的體驗(yàn)性和可用性自然不言而喻了。 Ajax在用戶與服務(wù)器之間引入一個(gè)中間媒介，從而消除了網(wǎng)絡(luò)交互過(guò)程中的 “請(qǐng)求 —— 等待 —— 請(qǐng)求” 的缺點(diǎn)。 } function processRequest(){ //處理服務(wù)器返回的信息 } /script Ajax 技術(shù)的優(yōu)缺點(diǎn) 下面介紹一下 Ajax 技術(shù)的優(yōu)缺點(diǎn)以及在應(yīng)用中應(yīng)避免的常見(jiàn)錯(cuò)誤。如下： if( = = 4) 揚(yáng)州大學(xué)碩士學(xué)位論文 20 { //信息已經(jīng)返回，可以開(kāi)始處 理 } else{ //信息還沒(méi)有返回，等待 } 服務(wù)器返回信息后，還需要判斷返回的 HTTP 狀態(tài)碼，確定返回的頁(yè)面沒(méi)有錯(cuò)誤。 4) setRequestHeader()方法 該 setRequestHeader(DOMString header,DOMString value)方法用來(lái)設(shè)置請(qǐng)求的頭部信息。當(dāng)請(qǐng)求完成加載時(shí)，把 readyState 設(shè)置為 4（已加載）。在調(diào)用 open()方法后， XMLHttpRequest 對(duì)象把它的 readyState 設(shè)置為 1（打開(kāi)）并且把 responseText、 responseXML、 status 和 statusText 屬性復(fù)位到初始值，另外，它還復(fù)位請(qǐng)求頭部。 2) open()方法 需要調(diào)用 open(DOMString method,DOMString uri,Boolean async,DOMString username, DOMString password)方法初始化一個(gè) XMLHttpRequest 對(duì)象。 } … 揚(yáng)州大學(xué)碩士學(xué)位論文 18 } 可見(jiàn)只要將相應(yīng)的處理函數(shù)名稱賦給 XMLHttpRequest 對(duì)象的onreadystatechange 屬性就可以了。回調(diào)函數(shù)非常適合用于大多數(shù)現(xiàn)代 UI 工具箱中的事件驅(qū)動(dòng)的編程方法。 4) 如果失敗 (cateh(trylllierosoft))。 _request = new XMLHttpRequest()。只不過(guò)這個(gè)過(guò)程是異步的。這個(gè)返回結(jié)果傳遞給在發(fā)出請(qǐng)求時(shí)指定的請(qǐng)求調(diào)用函數(shù)。在響應(yīng)事件的過(guò)程中， Web 服務(wù)器可能被調(diào)用。通過(guò)異步通信可以完成很多傳統(tǒng)Web 開(kāi)發(fā)不能完成的功能， XMLHttpRequest 對(duì)象的應(yīng)用就體現(xiàn)在這里。 XMLHttpRequest 對(duì)象是由 JavaScript 創(chuàng)建并使用，客戶端可以只從服務(wù)器端獲取需要的信息，通過(guò)與 DOM 和 CSS 的結(jié)合，可以實(shí)現(xiàn)局部刷新，同時(shí)還可以通過(guò)XMLHttpRequest 對(duì)象異步提交信息，將輸入的數(shù)據(jù)在后臺(tái)提交到服務(wù)器而無(wú)需刷新頁(yè)面。 XML XML 是 Extended Markup Language 的縮寫。 JavaScript 一直被定位為客戶端的腳本語(yǔ)言，應(yīng)用最多的地方是表單數(shù)據(jù)的校驗(yàn)。這樣既避免了用戶不斷手工刷新頁(yè)面的不便，也不會(huì)因?yàn)橹貜?fù)刷新頁(yè)面造成資源浪費(fèi)。通常是在提交表單后在服務(wù)器進(jìn)行驗(yàn)證，不僅時(shí)間長(zhǎng)而且造成了服務(wù)器不必要的負(fù)擔(dān)。 4) 可訪問(wèn)性：充分考慮主要用戶的需求和喜好的同 時(shí)也不能閉門造車，將沒(méi)有預(yù)料到的新用戶拒之門外。 如圖 2 3 所示， Ajax 通過(guò) JavaScript 和 XMLHttpRequest 對(duì)象在 Web 表單 (用戶端的 )和服務(wù)器之間建立一個(gè)中間層，使用戶操作與服務(wù)器響應(yīng)異步化。自從采用 HTML進(jìn)行 Web傳輸和呈現(xiàn)以來(lái)，無(wú)論是基于哪種服務(wù)器技術(shù) (ASP、 JSP、 PHP)， Web 應(yīng)用的處理模式都是采用同步交互。簡(jiǎn)而言之，在涉及到用戶界面的響應(yīng)靈敏度時(shí)，基準(zhǔn)設(shè)得更高了。當(dāng)請(qǐng)求返回時(shí)，就可以使用 JavaScript 和 CSS 來(lái)相應(yīng)地更新 UI，而不是刷新整個(gè)頁(yè)面 。介紹了“南通女子監(jiān)獄民警績(jī)效考核系統(tǒng)”的系統(tǒng)測(cè)試，系統(tǒng)測(cè)試主要介紹了軟件測(cè)試大綱，測(cè)試方案以及測(cè)試結(jié)果報(bào)告。 第三章。 最后，本文對(duì)所實(shí)現(xiàn)的系統(tǒng)進(jìn)行了性能優(yōu)化。 1) 優(yōu)化了 Ajax 數(shù)據(jù)實(shí)時(shí)校驗(yàn)的功能，通過(guò)信息提示，及時(shí)給用戶反饋不同的校驗(yàn)結(jié)果信息，進(jìn)一步改善用戶體驗(yàn)。 本文工作與創(chuàng)新 本文主要討論了目前非常熱門的 web 技術(shù) Ajax，包括 Ajax 的由來(lái)，核心概念，以及支持 Ajax 技術(shù)的相關(guān)工具和應(yīng)用的框架等，同時(shí)結(jié)合一個(gè)實(shí)際的項(xiàng)目“ 南通女子監(jiān)獄民警績(jī)效考核系統(tǒng) ”，討論了在實(shí)際項(xiàng)目中如何結(jié)合 J2EE 平臺(tái)來(lái)應(yīng)用 AJAX技術(shù)。如果說(shuō)Google 后臺(tái)的地圖技術(shù)并不存在巨大優(yōu)勢(shì)的話，那么 Ajax 技術(shù)和優(yōu)秀的交互設(shè)計(jì)成為了他們壓倒競(jìng)爭(zhēng)對(duì)手的利器。其發(fā)展動(dòng)態(tài)如： 1) IBM、 Oracle、 Yahoo、 BEA、 RedHat、 Novell 等頁(yè)界領(lǐng)先的公司啟動(dòng)了Open Ajax項(xiàng)目。 Ajax建立在現(xiàn)有的一些 Web 技術(shù)基礎(chǔ)上，如 JavaScript、HTML 和 CSS 等，可以與用戶喜歡的服務(wù)器端語(yǔ)言結(jié)合使用。 2) 使用 XHTML 和 CSS 標(biāo)準(zhǔn)化呈現(xiàn)。可以說(shuō) RIA 在很大程度上體現(xiàn)了下一代互聯(lián)網(wǎng)的特征，對(duì) Web 應(yīng)用的改進(jìn)給出了風(fēng)向標(biāo)。但是，應(yīng)用程序受制于瀏覽器的限制，無(wú)法像 C/S 結(jié)構(gòu)那樣使用豐富的效果來(lái)展示數(shù)據(jù)，用戶體驗(yàn)相對(duì)平凡。 2) 考核過(guò)程不透明、不公開(kāi)，缺乏監(jiān)督，易出現(xiàn)暗箱操作。 describes the J2EE architecture as well as in the J2EE framework on the integration of technology, which will discuss the various impacts and issues。由于開(kāi)源框架種類繁多，技術(shù)特點(diǎn)和應(yīng)用范圍各異，如何選擇恰當(dāng)?shù)目蚣芗夹g(shù)來(lái)構(gòu)建企業(yè)級(jí) Web 應(yīng)用系統(tǒng)是一個(gè)需要解決的問(wèn)題。開(kāi)源框架技術(shù)的發(fā)展為 Web 應(yīng)用開(kāi)發(fā)帶來(lái)新選擇。 outlines the principles and Ajax technology advantages and disadvantages。 在傳統(tǒng)的民警績(jī)效考核系統(tǒng)中 存在以下弊端： 1) 紙質(zhì)化辦公，考核結(jié)果不易保存與查詢。 眾所周知， B/S 結(jié)構(gòu)應(yīng)用程序，在一定程度上解決了 C/S 架構(gòu)的種種弊端，瀏覽器的廣泛使用解決了應(yīng)用程序部署和更新的困難。常見(jiàn)的 RIA 技術(shù)如： XUL， Flash， Cracle Forms 等。 Ajax 主要包括以下五個(gè)方面： 1) 使用 XMLHttpRequest 對(duì)象進(jìn)行異步 數(shù)據(jù)讀取。 Ajax 主要的技術(shù)優(yōu)點(diǎn)是無(wú)縫與 HTML 集成，因此它可以大量使用而不需要改變現(xiàn)有 web 內(nèi)容，而且 Ajax 與后臺(tái)無(wú)關(guān)，能夠在所有當(dāng)前流行的 Web 瀏覽器上部署，而無(wú)需特殊的插件。目前 Ajax 已經(jīng)成為了 Web 應(yīng)用的主流開(kāi)發(fā)技術(shù) [5]，大量的業(yè)界巨頭已經(jīng)采納并且在大力推動(dòng)這個(gè)技術(shù)的發(fā)展。由于完全基于 Ajax 技術(shù)來(lái)建造 Google Maps的界面， Google Maps 提供了遠(yuǎn)遠(yuǎn)超越其競(jìng)爭(zhēng)對(duì)手的地圖服務(wù)的交互體驗(yàn)。隨著 時(shí)代的到來(lái) [6]，使 Ajax 更是成為開(kāi)發(fā)個(gè)性化、中心化和信息自主化網(wǎng)絡(luò)應(yīng)用強(qiáng)有力的代表技術(shù)之一。 因此，在這個(gè)項(xiàng)目中，創(chuàng)新性地在企業(yè) WEB 項(xiàng)目中引入了當(dāng)今很流行的 Ajax技術(shù)， Ajax 技術(shù)很好地解決了上述問(wèn)題，提升了用戶體驗(yàn)；本文還針對(duì)該項(xiàng)目的特點(diǎn)，對(duì)傳統(tǒng)的 Ajax 應(yīng)用進(jìn)行了優(yōu)化。 接下來(lái)，本文將根據(jù)設(shè)計(jì)方案，對(duì)系統(tǒng)進(jìn)行設(shè)計(jì)與實(shí)現(xiàn)，并將 Ajax 技術(shù)應(yīng)用到相關(guān)功能中，并對(duì)部分 Ajax 應(yīng)用進(jìn)行了改進(jìn)。然后介紹了可以使 Ajax 開(kāi)發(fā)更加容易的各種工具以及 Ajax 的開(kāi)發(fā)框架。 第五章。借助于 Ajax，可以在用戶單擊按鈕時(shí)，使用 JavaScript 和 DHTML 立即更新 UI，并向服務(wù)器發(fā)出異步請(qǐng)求，以執(zhí)行更新或查詢數(shù)據(jù)庫(kù) [9]。一切似乎就在瞬間發(fā)生。 Ajax 工作原理 通過(guò) Ajax 的 Web 模式與傳統(tǒng)的 Web 模式的對(duì)比，可以更容易的理解 Ajax 工作原理。 Ajax 在真正意義上實(shí)現(xiàn)了“按需取數(shù)據(jù)”局部更新頁(yè)面，從而提高了應(yīng)用程序的效率，節(jié)約了網(wǎng)絡(luò)資源。 3) 遵循常規(guī)：為了縮短用戶學(xué)習(xí)的過(guò)程，在用戶交互模型上應(yīng)盡可能地直接參照傳統(tǒng) Web 應(yīng)用和桌面應(yīng)用程序，為了讓用戶免于重新投入時(shí)間和精力去學(xué)習(xí)和習(xí)慣新交互模式，開(kāi)發(fā)人員不應(yīng)過(guò)分關(guān)注和浪費(fèi)時(shí)間去發(fā)明不熟悉的交互模型。 數(shù)據(jù)驗(yàn)證 在填寫表單內(nèi)容時(shí)，需要保證數(shù)據(jù)的唯一性（例如新用戶注冊(cè)填寫的用戶名），因此必須對(duì)用戶輸入的內(nèi)容進(jìn)行數(shù)據(jù)驗(yàn)證。如果有則將新的數(shù)據(jù)（而不是所有的數(shù)據(jù)）下載并且在頁(yè)面上進(jìn)行動(dòng)態(tài)的更新，通過(guò)一定的方式通知用戶。 JavaScript 能及時(shí)響應(yīng)用戶的操作，對(duì)提交表單做即時(shí)的檢查，無(wú)需浪費(fèi)時(shí)間 而是 交由 CGI 驗(yàn)證。這類文檔的樹(shù)狀結(jié)構(gòu)表示包含表示 XML 實(shí)體引用節(jié)點(diǎn)、表示處理指令的節(jié)點(diǎn)以及表示 CDATA 段的節(jié)點(diǎn)。 XML HttpRequest 是 XMLHTTP 組件的對(duì)象，通過(guò)這個(gè)對(duì)象， Ajax 可以像桌面應(yīng)用程序一樣只同服務(wù)器進(jìn)行 數(shù)據(jù)層面的交換 ,而不用每次都刷新界面，也不用每次將數(shù)據(jù)處理的工作都交給服務(wù)器來(lái)做 :這樣既減輕了服務(wù)器負(fù)擔(dān)又加快了響應(yīng)速度、縮短了用戶等待的時(shí)間 [17]。 異步通信對(duì)于 Ajax 應(yīng)用來(lái)說(shuō)是非常重要的。 JavaScript 腳本對(duì) DOM 注冊(cè)事件監(jiān)聽(tīng)，操作響應(yīng)事件。 5) 服務(wù)器響應(yīng)請(qǐng)求：服務(wù)器響應(yīng)瀏覽器發(fā)出的請(qǐng)求，將處理結(jié)果返回。 Ajax 實(shí)質(zhì)上也是遵循 Request/Serve