AJAX教程

Ajax 即“Asynchronous Javascript And XML”（異步 JavaScript 和 XML），是指一種創(chuàng)建交互式、快速動態(tài)網(wǎng)頁應用的網(wǎng)頁開發(fā)技術(shù)，無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。

通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換，Ajax 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。

名稱來源

這個術(shù)語源自描述從基于 Web 的應用到基于數(shù)據(jù)的應用。

Ajax 不是一種新的編程語言，而是一種用于創(chuàng)建更好更快以及交互性更強的Web應用程序的技術(shù)。

使用 JavaScript 向服務(wù)器提出請求并處理響應而不阻塞用戶核心對象XMLHttpRequest。通過這個對象，您的 JavaScript 可在不重載頁面的情況與 Web 服務(wù)器交換數(shù)據(jù)，即在不需要刷新頁面的情況下，就可以產(chǎn)生局部刷新的效果。

Ajax 在瀏覽器與 Web 服務(wù)器之間使用異步數(shù)據(jù)傳輸（HTTP 請求），這樣就可使網(wǎng)頁從服務(wù)器請求少量的信息，而不是整個頁面。

Ajax可使因特網(wǎng)應用程序更小、更快，更友好。

Ajax 是一種獨立于 Web 服務(wù)器軟件的瀏覽器技術(shù)。Ajax 基于下列 Web 標準：

JavaScript、XML、HTML與 CSS 在 Ajax 中使用的 Web 標準已被良好定義，并被所有的主流瀏覽器支持。Ajax 應用程序獨立于瀏覽器和平臺。

Web 應用程序較桌面應用程序有諸多優(yōu)勢；它們能夠涉及廣大的用戶，它們更易安裝及維護，也更易開發(fā)。

不過，因特網(wǎng)應用程序并不像傳統(tǒng)的桌面應用程序那樣完善且友好。通過 Ajax，因特網(wǎng)應用程序可以變得更完善，更友好。

                   

使用AJAX構(gòu)建下列web標準                                                                       AJAX工作原理   

應用案例

該技術(shù)在 1998 年前后得到了應用。允許客戶端腳本發(fā)送HTTP請求（XMLHTTP）的第一個組件由Outlook Web Access小組寫成。該組件原屬于微軟 Exchange Server，并且迅速地成為了 Internet Explorer 4.0 的一部分。部分觀察家認為，Outlook Web Access 是第一個應用了 Ajax 技術(shù)的成功的商業(yè)應用程序，并成為包括Oddpost 的網(wǎng)絡(luò)郵件產(chǎn)品在內(nèi)的許多產(chǎn)品的領(lǐng)頭羊。但是，2005 年初，許多事件使得 Ajax 被大眾所接受。Google 在它著名的交互應用程序中使用了異步通訊，如Google、Google 地圖、Google 搜索建議、Gmail等。Ajax 這個詞由《Ajax: A New Approach to Web Applications》一文所創(chuàng)，該文的迅速傳播加強了人們使用該項技術(shù)的意識。另外，對Mozilla/Gecko 的支持使得該技術(shù)走向成熟，變得更為易用。

Ajax 前景非常樂觀，可以提高系統(tǒng)性能，優(yōu)化用戶界面。Ajax 現(xiàn)有直接框架 AjaxPro，可以引入 AjaxPro.2.dll 文件，可以直接在前臺頁面 JavaScript 調(diào)用后臺頁面的方法。但此框架與表單驗證有沖突。另外微軟也引入了 Ajax 組件，需要添加AjaxControlToolkit.dll 文件，可以在控件列表中出現(xiàn)相關(guān)控件。

構(gòu)架應用及對AJAX框架的思考

開發(fā)模式
重要的技術(shù)和 Ajax 開發(fā)模式可以從現(xiàn)有的知識中獲取。例如，在一個發(fā)送請求到服務(wù)端的應用中，必須包含請求順序、優(yōu)先級、超時響應、錯誤處理及回調(diào)，其中許多元素已經(jīng)在Web 服務(wù)中包含了。同時，隨著技術(shù)的成熟還會有許多地方需要改進，特別是UI部分的易用性。

Ajax 開發(fā)與傳統(tǒng)的 B/S開發(fā)有很大的不同。這些不同引入了新的編程問題，最大的問題在于易用性。由于 Ajax 依賴瀏覽器的 JavaScript 和XML，瀏覽器的兼容性和支持的標準也變得和 JavaScript 的運行時性能一樣重要了。這些問題中的大部分來源于瀏覽器、服務(wù)器和技術(shù)的組合，因此必須理解如何才能最好的使用這些技術(shù)。

綜合各種變化的技術(shù)和強耦合的客戶服務(wù)端環(huán)境，Ajax 提出了一種新的開發(fā)方式。Ajax 開發(fā)人員必須理解傳統(tǒng)的 MVC 架構(gòu)，這限制了應用層次之間的邊界。同時，開發(fā)人員還需要考慮 B/S 環(huán)境的外部和使用 Ajax 技術(shù)來重定型 MVC 邊界。最重要的是，Ajax 開發(fā)人員必須禁止以頁面集合的方式來考慮 Web 應用而需要將其認為是單個頁面。一旦 UI 設(shè)計與服務(wù)架構(gòu)之間的范圍被嚴格區(qū)分開來后，開發(fā)人員就需要更新和變化的技術(shù)集合了。

利用AJAX J2ee開發(fā)組織機構(gòu)

AJAX的優(yōu)缺點

優(yōu)點：

• 不需要插件支持

• 用戶體驗極佳

• 提升Web程序性能

• 減輕服務(wù)器和寬帶的負擔

缺點：

• 前進后退按鈕被破壞

• 搜索引擎的支持不夠

• 開發(fā)調(diào)試工具缺乏

AJAX 應用

• 運用XHTML+CSS來表達資訊；

• 運用JavaScript操作DOM（Document Object Model）來執(zhí)行動態(tài)效果；

• 運用XML和XSLT操作資料;

• 運用XMLHttpRequest或新的Fetch API與網(wǎng)頁服務(wù)器進行異步資料交換；

• 注意：AJAX與Flash、Silverlight和Java Applet等RIA技術(shù)是有區(qū)分的。