【文章內(nèi)容簡(jiǎn)介】 簡(jiǎn)而 言之， XmlHttpRequest 使您可以使用 JavaScript 向服務(wù)器提出請(qǐng)求并處理響應(yīng)，而不阻塞用戶 。 在基于 Ajax 的應(yīng)用中，并不是所有技術(shù)全部用到，但是 XmlHttpRequest 對(duì)象卻是實(shí)現(xiàn) Ajax 技術(shù)的最核心技術(shù)。 XmlHttpRequest 對(duì)象負(fù)責(zé)將用戶信息以異步通信的方式發(fā)送給服務(wù)器端，并接收服務(wù)器端返回的響應(yīng)信息和數(shù)據(jù)。 Javascript 本身并不能向服務(wù)器發(fā)送請(qǐng)求，可以有兩種方法：一種是通過 XmlHttpRequest 對(duì)象發(fā)送請(qǐng)求，另一種是使用()方法重新打開一個(gè) 頁面向服務(wù)器提交請(qǐng)求。不同的是，前者是異步交互方式，后者是同步交互方式。 與傳統(tǒng)的 web 模型相比， Ajax 的運(yùn)行是建立在異步交互的基礎(chǔ)上的，異步交互的基本思想是盡量減少等待的時(shí)間?；?Ajax 的 web 應(yīng)用開發(fā)模型（如圖 1 所示），只傳輸和更新需要的數(shù)據(jù)，而不用刷新整個(gè)頁面，也就是通過網(wǎng)絡(luò)傳輸?shù)牟皇怯脩粽嬲枰臄?shù)據(jù)，這樣的工作模型不僅加快了用戶請(qǐng)求的響應(yīng)速度，還避免了刷新頁面帶來的屏幕閃爍。 Ajax 不是一種新的編程語言，而是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的 Web 應(yīng)用程序的技術(shù)。 通過 Ajax， 您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 對(duì)象來直接與服務(wù)器進(jìn)行通信。通過這個(gè)對(duì)象，您的 JavaScript 可在不重載頁面的情況與 Web 服務(wù)器交換數(shù)據(jù)。 Ajax 在瀏覽器與 Web 服務(wù)器之間使用異步數(shù)據(jù)傳輸（ HTTP 請(qǐng)求），這樣就可使網(wǎng)頁從服務(wù)器請(qǐng)求少量的信息，而不是整個(gè)頁面。 Ajax 可使因特網(wǎng)應(yīng)用程序更小、更快，更友好。 Ajax 是一種獨(dú)立于 Web 服務(wù)器軟件的瀏覽器技術(shù)。 Ajax 基于下列 Web 標(biāo)準(zhǔn)： JavaScript XML HTML CSS 在 Ajax 中使用的 Web 標(biāo)準(zhǔn)已被良好定義，并被所有的主流瀏覽器支持。 Ajax 應(yīng)用程序獨(dú)立于瀏覽器和平臺(tái)。 Web 應(yīng)用程序較桌面應(yīng)用程序有諸多優(yōu)勢(shì)；它們能夠涉及廣大的用戶，它們更易安裝及維護(hù)，也更易開發(fā)。 不過，因特網(wǎng)應(yīng)用程序并不像傳統(tǒng)的桌面應(yīng)用程序那樣完善且友 。 通過 Ajax，因特網(wǎng)應(yīng)用程序可以變得更完善，更友好 。 該技術(shù)在 1998 年前后得到了應(yīng)用。允許客戶端腳本發(fā)送 HTTP 請(qǐng)求（ XMLHTTP）的第一個(gè)組件由 Outlook Web Access 小組寫成。該組 件原屬于微軟 Exchange Server，并且迅速地成為了 Inter Explorer 的一部分。部分觀察家認(rèn)為， Outlook Web Access 是第一個(gè)應(yīng)用了 Ajax 技術(shù)的成功的商業(yè)應(yīng)用程序，并成為包括 Oddpost 的網(wǎng)絡(luò)郵件產(chǎn)品在內(nèi)的許多產(chǎn)品的領(lǐng)頭羊。但是， 2021 年初，許多事件使得 Ajax 被大眾所接受。 Google 在它著名的交互應(yīng)用程序中使用了異步通訊，如 Google 討論組、Google 地圖、 Google 搜索建議、 Gmail 等。 Ajax 這個(gè)詞由《 Ajax: A New Approach to 華北電力大學(xué)科技學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 8 Web Applications》一文所創(chuàng)，該文的迅速流傳提高了人們使用該項(xiàng)技術(shù)的意識(shí)。另外，對(duì) Mozilla/Gecko 的支持使得該技術(shù)走向成熟，變得更為易用。 Ajax 前景非常樂觀，可以提高系統(tǒng)性能，優(yōu)化用戶界面。 Ajax 現(xiàn)有直接框架AjaxPro，可以引入 文件，可以直接在前臺(tái)頁面 JS 調(diào)用后臺(tái)頁面的方法。但此框架與 FORM 驗(yàn)證有沖突。另外微軟也引入了 Ajax 組件，需要添加 文件，可以在控件列表中出現(xiàn)相關(guān)控件。 隨著 AJAX 迅 速地引人注目起來，我想開發(fā)人員對(duì)這種技術(shù)的期待也迅速地增加。就像任何新技術(shù)， AJAX 的興旺也需要一整個(gè)開發(fā)工具 /編程語言及相關(guān)技術(shù)系統(tǒng)來支撐。 主要包含的技術(shù) ： 基 web 標(biāo)準(zhǔn)（ standardsbased presentation） XHTML+CSS 的表示； 使用 DOM（ Document Object Model） 進(jìn)行動(dòng)態(tài)顯示及交互； 使用 XML 和 XSLT 進(jìn)行數(shù)據(jù)交換及相關(guān)操作； 使用 XMLHttpRequest 進(jìn)行異步數(shù)據(jù)查詢、檢索； 使用 JavaScript 將所有的東西綁定在一起。 類似于 DHTML 或 LAMP， AJAX 不是指一種單一的技術(shù)，而是有機(jī)地利用了一系列相關(guān)的技術(shù)。事實(shí)上，一些基于 AJAX 的 “ 派生 /合成 ” 式（ derivative/posite）的技術(shù)正在出現(xiàn)，如 “ AFLAX” 。 AJAX 的應(yīng)用使用支持以上技術(shù)的 web 瀏覽器作為運(yùn)行平臺(tái)。這些瀏覽器目前包括： Google Chrome、 Mozilla、 Firefox、 Inter Explorer、 Opera、 Konqueror 及 Safari。但是 Opera不支持 XSL 格式對(duì) 象，也不支持 XSLT。 JavaScript 如名字所示， AJAX 的概念中最重要而最易被忽視的是它也是一種 JavaScript 編程語言。 JavaScript 是一種粘合劑使 AJAX 應(yīng)用的各部分集成在一起。在大部分時(shí)間， JavaScript通常被服務(wù)端開發(fā)人員認(rèn)為是一種企業(yè)級(jí)應(yīng)用不需要使用的東西應(yīng)該盡力避免。這種觀點(diǎn)來自以前編寫 JavaScript 代碼的經(jīng)歷：繁雜而又易出錯(cuò)的語言。類似的，它也被認(rèn)為將應(yīng)用邏輯任意地散布在服務(wù)端和客戶端中，這使得問題很難被發(fā)現(xiàn)而且代碼很難重用。在AJAX 中 JavaScript 主要被用來傳遞用戶界面上的數(shù)據(jù)到服務(wù)端并返回結(jié)果。XMLHttpRequest 對(duì)象用來響應(yīng)通過 HTTP 傳遞的數(shù)據(jù)，一旦數(shù)據(jù)返回到客戶端就可以立刻使用 DOM 將數(shù)據(jù)放到網(wǎng)面上。 XMLHttpRequest XMLHttpRequest 對(duì)象在大部分瀏覽器上已經(jīng)實(shí)現(xiàn)而且擁有一個(gè)簡(jiǎn)單的接口允許數(shù)據(jù)從客戶端傳遞到服務(wù)端，但并不會(huì)打斷用戶當(dāng)前的操作。使用 XMLHttpRequest 傳送的數(shù)據(jù)可以是任何格式，雖然從名字上建議是 XML 格式的數(shù)據(jù)。 開發(fā)人員應(yīng)該已經(jīng)熟悉了許多其他 XML 相關(guān)的技術(shù)。 XPath 可以 訪問 XML 文檔中的數(shù)據(jù)，但理解 XML DOM 是必須的。類似的， XSLT 是最簡(jiǎn)單而快速的從 XML 數(shù)據(jù)生成華北電力大學(xué)科技學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 9 HTML 或 XML 的方式。許多開發(fā)人員已經(jīng)熟悉 Xpath 和 XSLT，因此 AJAX 選擇 XML 作為數(shù)據(jù)交換格式是有意義的。 XSLT 可以被用在客戶端和服務(wù)端，它能夠減少大量的用JavaScript 編寫的應(yīng)用邏輯。 CSS 簡(jiǎn)介 為了正確的瀏覽 AJAX 應(yīng)用， CSS 是一種 AJAX 開發(fā)人員所需要的重要武器。 CSS 提供了從內(nèi)容中分離應(yīng)用樣式和設(shè)計(jì)的機(jī)制。雖然 CSS在 AJAX應(yīng)用中扮演至關(guān)重要的角色，但它也是構(gòu)建跨瀏覽器 應(yīng)用的一大阻礙，因?yàn)椴煌臑g覽器廠商支持各種不同的 CSS 級(jí)別。 服務(wù)器端 不像在客戶端，在服務(wù)端 AJAX 應(yīng)用還是使用建立在如 Java,.Net和 PHP 語言基礎(chǔ)上機(jī)制；并沒有改變這個(gè)領(lǐng)域中的主要方式。 既然如此，我們對(duì) Ruby on Rails 框架的興趣也就迅速增加了。在一年多以前， Ruby on Rails 已經(jīng)吸引了大量開發(fā)人員基于其強(qiáng)大功能來構(gòu)建 Web 和 AJAX 應(yīng)用。雖然目前還有很多快速應(yīng)用開發(fā)工具存在， Ruby on Rails 看起來已經(jīng)儲(chǔ)備了簡(jiǎn)化構(gòu)建 AJAX 應(yīng)用的能力。 調(diào)試問題 在 實(shí)際構(gòu)建 AJAX 應(yīng)用中，你需要的不只是文本編輯器。既然 JavaScript 是非編譯的，它可以容易地編寫和運(yùn)行在瀏覽器中。然而，許多工具提供了有用的擴(kuò)展如語法高亮和智能完成。 不同的 IDE 提供了對(duì) JavaScript 支持的不同等級(jí)。來自 JetBrains 的 IntelliJ IDEA 是一個(gè)用來 JavaScript 開發(fā)的更好的 IDE，雖然許多開發(fā)人員也喜歡 Microsoft’s Visual Studio 產(chǎn)品（允諾會(huì)在最新的版本中改善對(duì) AJAX 的支持）。 Eclipse 包含了兩個(gè)免費(fèi)的 JavaScript編輯 器插件和一個(gè)商業(yè)的來自 ActiveStat 的 Komodo IDE。 另一個(gè) JavaScript 和 AJAX 開發(fā)中的問題是調(diào)試?yán)щy。不同的瀏覽器提供不同的通常是隱藏的運(yùn)行時(shí)錯(cuò)誤信息，而 JavaScript 的缺陷如雙重變量賦值（通常是由于缺少數(shù)據(jù)類型）使得調(diào)試更加困難。在 AJAX 的開發(fā)中，調(diào)試就更復(fù)雜了，因?yàn)槠湫枰獦?biāo)識(shí)究竟是客戶端還是服務(wù)端產(chǎn)生的錯(cuò)誤。在過去， JavaScript 調(diào)試的方法是刪除所有代碼然后一行行的增加直到錯(cuò)誤出現(xiàn)。現(xiàn)在，更多開發(fā)人員回到為 IE準(zhǔn)備的 Microsoft Script Debugger 和為Mozilla 瀏覽器準(zhǔn)備的 Venkman。 瀏覽器兼容性 JavaScript 編程的最大問題來自不同的瀏覽器對(duì)各種技術(shù)和標(biāo)準(zhǔn)的支持。構(gòu)建一個(gè)運(yùn)行在不同瀏覽器（如 IE 和火狐）是一個(gè)困難的任務(wù)。因此幾種 AJAX JavaScript 框架或者生成基于服務(wù)端邏輯或標(biāo)記庫的 JavaScript，或者提供符合跨瀏覽器 AJAX 開發(fā)的客戶端JavaScript 庫。 這些框架給開發(fā)人員更多的空間使得他們不需要擔(dān)心跨瀏覽器的問題。雖然這些框架提升了開發(fā)人員構(gòu)建應(yīng)用的能力，但由于廠商已經(jīng)開發(fā)了更細(xì)節(jié)的用戶界面 的打包組件解決方案，因此在 AJAX 組件市場(chǎng)中需要考慮一些其他因素。例如提供通用用戶界面的組件華北電力大學(xué)科技學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 10 如組合框和數(shù)據(jù)柵格的幾個(gè)廠商，都可以被用來在應(yīng)用中創(chuàng)建良好的通過類似電子數(shù)據(jù)表方式來查看和編輯數(shù)據(jù)的體驗(yàn)。但這些組件不僅是封裝了組件的用戶界面而且包括與服務(wù)端數(shù)據(jù)的通訊方式，這些組件通常使用基于標(biāo)記方式來實(shí)現(xiàn)如或 JSF 控件。 Ajax 優(yōu)點(diǎn) 傳統(tǒng)的 web 應(yīng)用允許用戶填寫表單 (form），當(dāng)提交表單時(shí)就向 web 服務(wù)器發(fā)送一個(gè)請(qǐng)求。服務(wù)器接收并處理傳來的表單，然後返回一個(gè)新的網(wǎng)頁。這個(gè)做法浪費(fèi)了許多帶寬，因?yàn)樵谇搬醿蓚€(gè)頁面 中的大部分 HTML 代碼往往是相同的。由于每次應(yīng)用的交互都需要向服務(wù)器發(fā)送請(qǐng)求，應(yīng)用的響應(yīng)時(shí)間就依賴于服務(wù)器的響應(yīng)時(shí)間。這導(dǎo)致了用戶界面的響應(yīng)比本地應(yīng)用慢得多。 與此不同， AJAX 應(yīng)用可以僅向服務(wù)器發(fā)送并取回必需的數(shù)據(jù)，它使用 SOAP 或其它一些基于 XML 的 web service 接口，并在客戶端采用 JavaScript 處理來自服務(wù)器的響應(yīng)。因此在服務(wù)器和瀏覽器之間交換的數(shù)據(jù)大量減少，結(jié)果我們就能看到響應(yīng)更快的應(yīng)用。同時(shí)很多的處理工作可以在發(fā)出請(qǐng)求的客戶端機(jī)器上完成，所以 Web 服務(wù)器的處理時(shí)間也減少了。 使用 Ajax 的最大優(yōu)點(diǎn) 【 4】【 5】，就是能在不更新整個(gè)頁面的前提下維護(hù)數(shù)據(jù)。這使得 Web 應(yīng)用程序更為迅捷地回應(yīng)用戶動(dòng)作，并避免了在網(wǎng)絡(luò)上發(fā)送那些沒有改變過的信息。 Ajax 不需要任何瀏覽器插件，但需要用戶允許 JavaScript 在瀏覽器上執(zhí)行。就像DHTML 應(yīng)用程序那樣， Ajax 應(yīng)用程序必須在眾多不同的瀏覽器和平臺(tái)上經(jīng)過嚴(yán)格的測(cè)試。隨著 Ajax 的成熟，一些簡(jiǎn)化 Ajax 使用方法的程序庫也相繼問世。同樣，也出現(xiàn)了另一種輔助程序設(shè)計(jì)的技術(shù)，為那些不支持 JavaScript 的用戶提供替代功能。 Ajax 缺點(diǎn) 對(duì)應(yīng)用 Ajax 最主要的批評(píng)就是，它可能破壞瀏覽器后退按鈕的正常行為。在動(dòng)態(tài)更新頁面的情況下，用戶無法回到前一個(gè)頁面狀態(tài)，這是因?yàn)闉g覽器僅能記下歷史記錄中的靜態(tài)頁面。一個(gè)被完整讀入的頁面與一個(gè)已經(jīng)被動(dòng)態(tài)修改過的頁面之間的差別非常微妙；用戶通常都希望單擊后退按鈕，就能夠取消他們的前一次操作，但是在Ajax 應(yīng)用程序中，卻無法這樣做。不過開發(fā)者已想出了種種辦法來解決這個(gè)問題，當(dāng)中大多數(shù)都是在用戶單擊后退按鈕訪問歷史記錄時(shí)，通過建立或使用一個(gè)隱藏的IFRAME 來重現(xiàn)頁面上的變更。（例如，當(dāng)用戶在 Google Maps 中單擊后退時(shí)，它在一個(gè)隱藏的 IFRAME 中進(jìn)行搜索，然后將搜索結(jié)果反映到 Ajax 元素上，以便將應(yīng)用程序狀態(tài)恢復(fù)到當(dāng)時(shí)的狀態(tài)。） 一個(gè)相關(guān)的觀點(diǎn)認(rèn)為，使用動(dòng)態(tài)頁面更新使得用戶難于將某個(gè)特定的狀態(tài)保存到收藏夾中。該問題的解決方案也已出現(xiàn)，大部分都使用 URL 片斷標(biāo)識(shí)符（通常被稱為錨點(diǎn)，即 URL 中 后面的部分）來保持跟蹤，允許用戶回到指定的某個(gè)應(yīng)用程序狀態(tài)。（許多瀏覽器允許 JavaScript 動(dòng)態(tài)更新錨點(diǎn)，這使得 Ajax 應(yīng)用程序能夠在更新顯示內(nèi)容的同時(shí)更新錨點(diǎn)。）這些解決方案也同時(shí)解決了許多關(guān)于不支持后退按鈕 的爭(zhēng)華北電力大學(xué)科技學(xué)院本科畢業(yè)設(shè)計(jì)（論文） 11 論。 進(jìn)行 Ajax 開發(fā)時(shí)，網(wǎng)絡(luò)延遲 ——即用戶發(fā)出請(qǐng)求到服務(wù)器發(fā)出響應(yīng)之間的間隔——需要慎重考慮。不給予用戶明確的回應(yīng) ，沒有恰當(dāng)?shù)念A(yù)讀數(shù)據(jù) ，或者對(duì)XMLHttpRequest 的不恰當(dāng)處理，都會(huì)使用戶感到延遲，這是用戶不欲看