異步JavaScript和XML(AJAX)

《異步JavaScript和XML(AJAX)》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、異步JavaScript和XML(AJAX)與JavaEnterpriseEdition2006.11前言使用過Flickr、GMail、GoogleSuggest或GoogleMaps的任何用戶都會意識到，將出現(xiàn)一種新型的動態(tài)Web應(yīng)用程序。這些應(yīng)用程序的外觀和作用與傳統(tǒng)的桌面應(yīng)用程序非常類似，它們不依賴于插件或特定于瀏覽器的功能。傳統(tǒng)的Web應(yīng)用程序是一組HTML頁，必須重新裝入這些頁面，才能更改內(nèi)容的任何部分。在過去幾年間，諸如JavaScript和層疊樣式表(CSS)之類的技術(shù)已經(jīng)發(fā)展成熟，可以有效地使用這些技

2、術(shù)創(chuàng)建在所有主要瀏覽器上運(yùn)行的動態(tài)性很強(qiáng)的Web應(yīng)用程序。前言本文檔及其相關(guān)的解決方案將詳細(xì)論述這幾種技術(shù)，目前您可以使用這些技術(shù)使Web應(yīng)用程序成為內(nèi)容更豐富、交互性更強(qiáng)的應(yīng)用程序，就像桌面應(yīng)用程序一樣異步JavaScript和XML(AJAX)簡介1HTML頁使用JavaScript可以異步調(diào)用裝入該頁的服務(wù)器并獲取XML文檔。然后JavaScript可以使用XML文檔更新或修改HTML頁的文檔對象模型(DOM)。最近使用“異步JavaScript和XML”(AsynchronousJavaScriptandXML

3、，AJAX)術(shù)語來描述此交互模型。異步JavaScript和XML(AJAX)簡介2AJAX不是一項新興技術(shù)，對于在Windows平臺上開發(fā)InternetExplorer(IE)的開發(fā)者來說，多年來他們一直在使用這些技術(shù)。直到最近，這項技術(shù)才被稱為Web遠(yuǎn)程處理或遠(yuǎn)程腳本。一段時間以來，Web開發(fā)者還結(jié)合使用插件、JavaApplet和隱藏框架來仿真此交互模型。而最近發(fā)生的變化就是：在所有平臺的主流瀏覽器中都包含了對XMLHttpRequest對象的支持。真正的神奇之處在于產(chǎn)生了JavaScriptXMLHttpRe

4、quest對象。雖然未在正式的JavaScript規(guī)范中指定此對象，但是目前所有的主流瀏覽器都支持它。與當(dāng)前一代瀏覽器（如Firefox、IE和Safari）中的JavaScript和CSS支持稍有不同之處在于：它們是可管理的。如果要求您支持較舊的瀏覽器，則AJAX可能不是您的最佳選擇。異步JavaScript和XML(AJAX)簡介3基于AJAX的客戶端的獨(dú)特之處在于，客戶端包含了作為JavaScript嵌入的特定于頁面的控制邏輯。頁面基于事件（如裝入的文檔、鼠標(biāo)單擊、焦點(diǎn)更改，甚至是計時器）與JavaScript進(jìn)

5、行交互。通過AJAX交互，可以清晰地將表示邏輯與數(shù)據(jù)分開。與每次要顯示一個變化時必須重新裝入整個頁面相比，HTML頁可以根據(jù)需要裝入很小的數(shù)據(jù)片段。異步JavaScript和XML(AJAX)簡介4AJAX需要使用一種不同的服務(wù)器端體系結(jié)構(gòu)來支持此交互模型。傳統(tǒng)的服務(wù)器端Web應(yīng)用程序著重為產(chǎn)生服務(wù)器調(diào)用的每個客戶端事件生成HTML文檔，并且在每次響應(yīng)時客戶端都會刷新并重新呈現(xiàn)完整的HTML頁。內(nèi)容豐富的Web應(yīng)用程序著重于獲取HTML文檔的客戶端，該客戶端充當(dāng)一個模板或容器，根據(jù)客戶端事件使用從服務(wù)器端組件檢索的XM

6、L數(shù)據(jù)在其中添加內(nèi)容。使用AJAX交互的用例1實時的表單數(shù)據(jù)驗證：在用戶提交表單之前，可以在表單中驗證要求服務(wù)器端驗證的表單數(shù)據(jù)，如用戶ID、序列號、郵政編碼，甚至是特殊優(yōu)惠券代碼。自動完成：表單數(shù)據(jù)的特定部分（如電子郵件地址、姓名或城市名稱）可以在用戶鍵入時自動完成。主要詳細(xì)操作：基于客戶端事件，HTML頁可以獲取有關(guān)數(shù)據(jù)的更詳細(xì)信息，例如，在不刷新頁面的情況下，客戶端可以查看個別產(chǎn)品信息的產(chǎn)品清單。使用AJAX交互的用例2復(fù)雜的用戶界面控件：可以提供不需要頁面刷新的控件，如樹狀結(jié)構(gòu)的控件、菜單和進(jìn)度欄。刷新頁面上的

7、數(shù)據(jù)：HTML頁可以輪詢服務(wù)器中的數(shù)據(jù)以獲取最新的數(shù)據(jù)，如分?jǐn)?shù)、股票報價、天氣預(yù)報或特定于應(yīng)用程序的數(shù)據(jù)。服務(wù)器端通知：HTML頁可以通過輪詢服務(wù)器獲取事件通知來模擬服務(wù)器端推送，包括發(fā)送消息通知客戶端、刷新頁面數(shù)據(jù)或?qū)⒖蛻舳酥囟ㄏ虻狡渌?。使用AJAX交互的用例3此列表并不詳盡，但是它表明了利用AJAX交互，Web應(yīng)用程序可以實現(xiàn)比以往更多的功能。盡管該技術(shù)有許多引人注目的優(yōu)點(diǎn)，但是也存在一些缺點(diǎn)：復(fù)雜性：服務(wù)器端開發(fā)者需要了解，在HTML客戶端頁以及服務(wù)器端邏輯中需要表示邏輯，才能生成客戶端HTML頁所需的XML內(nèi)

8、容。HTML頁開發(fā)者需要具備JavaScript技術(shù)。隨著時間的推移，當(dāng)創(chuàng)建了新框架，并且為現(xiàn)有框架提供了交互模型支持后，創(chuàng)建支持AJAX的應(yīng)用程序會變得更容易。使用AJAX交互的用例4XMLHttpRequest對象的標(biāo)準(zhǔn)化：XMLHttpRequest還不是JavaScript規(guī)范的一部分，這表明其行為會隨著客戶端而發(fā)生變化。