高博，微軟中國技術(shù)支持和客戶服務(wù)中心高級(jí)工程師。從小喜歡計(jì)算機(jī)程序設(shè)計(jì)和應(yīng)用程序深度探索，對(duì)技術(shù)有獨(dú)到的見解，發(fā)表技術(shù)文章約60萬字。 本期董師傅邀請(qǐng)到高博作客茶坊，談?wù)刉eb2.0時(shí)代的一項(xiàng)新的技術(shù)應(yīng)用——AJAX。 AJAX，中文譯作艾亞斯，《荷馬史詩》里著名的特洛伊戰(zhàn)爭(zhēng)中的古希臘戰(zhàn)斗英雄，以驍勇善戰(zhàn)之名傳世。如今，一種稱為AJAX的新的網(wǎng)頁交互技術(shù)仿佛一夜之間在Web 2.0的戰(zhàn)場(chǎng)上攻城奪地，占盡風(fēng)頭。AJAX戰(zhàn)斗力何在？讓我們來近距離地看看這位今天的Web2.0名將。 兵器 JavaScript+XML AJAX的全稱叫做異步JavaScript及XML技術(shù)（Asynchronous JavaScript And XML）， 此技術(shù)最常見的應(yīng)用就是大名鼎鼎的GMail。初上手時(shí)并沒有感覺GMail和其他的WebMail有什么不同，但只要點(diǎn)擊一個(gè)鏈接，差異就出來了：郵件內(nèi)容或者選項(xiàng)菜單仿佛是一瞬間彈出來的，這和其他的WebMail需要等好一陣子看著整個(gè)頁面被刷新的感覺完全不一樣。 應(yīng)用了AJAX技術(shù)的Web頁面和傳統(tǒng)的動(dòng)態(tài)頁面根本不同。傳統(tǒng)的動(dòng)態(tài)頁面的工作原理是通過HTTP協(xié)議接受幾個(gè)從前一頁面?zhèn)鬟f而來的參數(shù)，而后根據(jù)這些參數(shù)進(jìn)行一些計(jì)算或讀取更多的數(shù)據(jù)，然后把計(jì)算結(jié)果或讀取的數(shù)據(jù)寫到一個(gè)結(jié)果頁面里去，并返回給瀏覽器。 而AJAX的工作過程則是使用JavaScript發(fā)出一個(gè)XMLHTTPRequest，這個(gè)過程傳送的數(shù)據(jù)沒有什么不同，但是深刻的變化就發(fā)生在返回的內(nèi)容上。這里，返回的內(nèi)容已經(jīng)從整個(gè)頁面變成了僅僅是一些計(jì)算結(jié)果或數(shù)據(jù)。當(dāng)它們被返回到本地以后，由一個(gè)AJAX引擎使用XSLT技術(shù)將它們按照預(yù)定的文檔對(duì)象模型轉(zhuǎn)化成最終的Web頁面的更新內(nèi)容——注意，不是用一個(gè)頁面代替另一個(gè)頁面，而是對(duì)當(dāng)前頁面的顯示更新。 也就是說，傳統(tǒng)的動(dòng)態(tài)頁面要刷新整個(gè)頁面，要等服務(wù)器把整個(gè)頁面發(fā)送回來。而采用了AJAX技術(shù)的網(wǎng)頁只要服務(wù)器發(fā)回來幾個(gè)數(shù)據(jù)，在本地用JavaScript刷新頁面即可，不需要用戶等待從服務(wù)器端返回的大量頁面內(nèi)容，又能迅速把結(jié)果通過本地的頁面操作顯示給用戶。 這正是XML技術(shù)的神奇之處，它能夠做一個(gè)在服務(wù)器和客戶端之間進(jìn)行小型數(shù)據(jù)傳遞的“搬運(yùn)工”。在草根族大規(guī)模云集的Web2.0時(shí)代，數(shù)據(jù)通信量會(huì)在很大程度上決定服務(wù)規(guī)模，因此，應(yīng)用了XML技術(shù)的AJAX成為Web2.0時(shí)代的核心武器，也就毫不奇怪了。 戰(zhàn)場(chǎng) 交互式應(yīng)用 AJAX的靜態(tài)頁面刷新的思路有廣泛的應(yīng)用，這在需要較快反應(yīng)速度或?qū)撁孀兓舾械膱?chǎng)合都極為有用。一個(gè)比較常見的應(yīng)用是使用AJAX技術(shù)來完成頁面編輯的即時(shí)顯示和預(yù)覽。這個(gè)應(yīng)用多見于Blog里的評(píng)論或論壇中的板帖書寫。MSN Spaces就應(yīng)用了AJAX技術(shù)以做到用戶一提交完評(píng)論，馬上就可以顯示，而不用把整個(gè)頁面刷新一遍才能看到。 Google Groups也使用了AJAX技術(shù)，所以用戶一發(fā)完帖立刻就可以看到了。還有一個(gè)比較常見的應(yīng)用就是需要經(jīng)常刷新的頁面，特別是比較大的頁面，如在線人數(shù)列表、股票代碼滾動(dòng)顯示等，采用了AJAX技術(shù)后，就可以以更高的頻率刷新，而且不會(huì)引起整個(gè)頁面的操作中斷了。GMail的當(dāng)前容量指示，就是AJAX的一個(gè)應(yīng)用。 其實(shí)，AJAX有更廣泛的應(yīng)用前景，因?yàn)樗膶?shí)質(zhì)是把一大部分計(jì)算從服務(wù)器端轉(zhuǎn)移到客戶端。這樣的新思路甚至可以說是WebOS的基礎(chǔ)，遠(yuǎn)程服務(wù)器負(fù)責(zé)的是指令的回傳，而實(shí)際的系統(tǒng)調(diào)用操作則在本地利用豐富的計(jì)算資源完成。 在Web 2.0時(shí)代，一個(gè)最大的特點(diǎn)就是“全民織網(wǎng)”，也就是說會(huì)出現(xiàn)極為密集的服務(wù)器請(qǐng)求。把計(jì)算任務(wù)移至本地，最大程度地減少服務(wù)器負(fù)擔(dān)，把服務(wù)器的計(jì)算資源用在刀刃上，就成了在Web2.0時(shí)代成敗的關(guān)鍵。一個(gè)簡(jiǎn)單的例子就是僅僅是把AJAX和Flash技術(shù)結(jié)合一下就產(chǎn)生了一個(gè)巨大的快速地圖的應(yīng)用Google Maps，所以說AJAX的應(yīng)用可以說還只是方興未艾。 走勢(shì) 死穴和生門 AJAX技術(shù)也存在一些問題， 首先它對(duì)瀏覽器比較挑剔，必須是完全支持JavaScript 1.2標(biāo)準(zhǔn)的瀏覽器才能夠正常使用。其次，它需要把JavaScript功能打開，這在一些安全性要求比較高的場(chǎng)合是不能接受的。 對(duì)AJAX技術(shù)的另一個(gè)主要批評(píng)來自它對(duì)“回退”功能的支持不夠好。因?yàn)閺脑砩现v，AJAX的一切頁面更新都是JavaScript完成的，都是本地操作，沒有新頁面代替舊頁面，當(dāng)然也就談不上什么回退——因?yàn)樵跒g覽器的視角里，一直都是同一個(gè)頁面。使用GMail的用戶都有這樣的苦惱吧：查看一封郵件以后，想再回到前一封信，就不可能了。 這是一個(gè)比較令人頭疼的問題。 另外，AJAX技術(shù)對(duì)于錯(cuò)誤也顯得比較敏感，由于服務(wù)器異常響應(yīng)而使得數(shù)據(jù)不能完備的話，用戶會(huì)感覺瀏覽器當(dāng)機(jī)了。 盡管如此，由于用戶體驗(yàn)的巨大改進(jìn)，AJAX技術(shù)還是獲得了很廣泛的應(yīng)用。常見的應(yīng)用和主流的瀏覽器如Internet Explorer、FireFox和Safari等都已經(jīng)正式支持了這一技術(shù)。相信隨著XML技術(shù)的進(jìn)一步普及，AJAX技術(shù)會(huì)給Web世界帶來更多的精彩。 | 
