科技信息博士·專(zhuān)家論壇Ajax技研我與回用中國(guó)地質(zhì)大學(xué)(北京)信息工程學(xué)院臨沂師范學(xué)院張峰中國(guó)地質(zhì)大學(xué)(北京)信息工程學(xué)院宋莉[摘要]Ajx( Asynchronous JavaScript and xML)技術(shù)是Web2.0的核心之一本質(zhì)上是一種RIA( Rich Internetapplication)技術(shù)。它主要提供丁客戶(hù)端與服務(wù)器間異步通信的能力,可以實(shí)現(xiàn)客戶(hù)端從服務(wù)按需獲取數(shù)據(jù),從而可以降低網(wǎng)絡(luò)傳鏞的數(shù)據(jù)量,提高客戶(hù)端的響應(yīng)速度;使用的動(dòng)態(tài)頁(yè)面技術(shù)豐富丁客戶(hù)端的表現(xiàn)能力極大改善丁用戶(hù)的使用體驗(yàn)。[關(guān)鍵詞] Ajax riA XmlhTtpreqUest異步交互模式1引宮JavaScript語(yǔ)言首先是在網(wǎng)景公司的 NetScape瀏覽器中被隨著互聯(lián)網(wǎng)應(yīng)用的普及,Web應(yīng)用以其良好的擴(kuò)展性、易使用,一直被定位為一種客戶(hù)端腳本語(yǔ)言它一般用來(lái)完成客戶(hù)于部署維護(hù)方便等優(yōu)點(diǎn)逐漸成為軟件開(kāi)發(fā)的主流。早期的端的表單數(shù)據(jù)校驗(yàn)等功能,現(xiàn)在很多網(wǎng)頁(yè)中的特效也都是web應(yīng)用采用的是同步交互過(guò)程,即用戶(hù)首先向Web服務(wù)器 JavaScript的功勞提交一個(gè)請(qǐng)求或行為呼叫服務(wù)器接收到客戶(hù)請(qǐng)求后執(zhí)行相應(yīng)在Ajx中, Javascript從幕后走到了前臺(tái),并發(fā)揮了巨大的處理操作,最后向用戶(hù)返回處理結(jié)果。服務(wù)器在處理請(qǐng)求時(shí),用作用可以說(shuō) JavaScript是粘合劑,它綜合了DOM、 XHTML(或戶(hù)處于等待狀態(tài),有時(shí)如果超過(guò)了服務(wù)器響應(yīng)時(shí)間,甚至返回HTML)XML(或SON)以及CSS等技術(shù),并控制它們的行“頁(yè)面不可用”等提示。另外,當(dāng)我們只想改變頁(yè)面的部分?jǐn)?shù)據(jù)為操作 XmlhTtprequEst對(duì)象來(lái)跟數(shù)據(jù)打交道時(shí),用戶(hù)的請(qǐng)求會(huì)導(dǎo)致服務(wù)器重新返回整個(gè)頁(yè)面內(nèi)容,包括那些(2) XmlhTtprequEst xhr)對(duì)象沒(méi)有改變的數(shù)據(jù)這不但增加了網(wǎng)絡(luò)傳輸?shù)臄?shù)據(jù)量,還影響了客XmlhTtprequEst對(duì)象是Ajx技術(shù)的核心。它時(shí)XML戶(hù)端的響應(yīng)速度,為什么我們不能“按需”獲取數(shù)據(jù)呢?Ajax技Htt組件的對(duì)象,該對(duì)象在 Internet Explorer5中首次引入,該對(duì)象可以使用 JavaScript向服務(wù)器提出請(qǐng)求并處理響應(yīng),而不AjBx技術(shù)是web20的核心之一,本質(zhì)上是一種RIA(kRch阻塞用戶(hù)。通過(guò)這個(gè)對(duì)象Ajx可以像桌面應(yīng)用程序一樣只同Internet Application)技術(shù)。RIA是指具有高度互動(dòng)性和豐富用服務(wù)器進(jìn)行數(shù)據(jù)層面的交換,而不用每次都刷新整個(gè)頁(yè)面,也不戶(hù)體驗(yàn)的網(wǎng)絡(luò)應(yīng)用程序,它既具有消息確認(rèn)、無(wú)刷新頁(yè)面之下提用每次將數(shù)據(jù)處理的工作都交給服務(wù)器來(lái)做,這樣既減輕了服供快捷的界面響應(yīng)拖放式等桌面應(yīng)用程序的特點(diǎn)同時(shí)又具有務(wù)器負(fù)擔(dān)又加快了響應(yīng)速度、縮短了用戶(hù)等待的時(shí)間部署簡(jiǎn)單、跨平臺(tái)等Web應(yīng)用程序的特點(diǎn)。Ajax技術(shù)提供了客(3)DOM戶(hù)端與服務(wù)器異步通信的能力,從而使用戶(hù)從請(qǐng)求一響應(yīng)DOM( Document Object Model)全稱(chēng)為文檔對(duì)象模型,它提請(qǐng)求的循環(huán)中解脫出來(lái),同時(shí)降低了網(wǎng)絡(luò)傳輸?shù)臄?shù)據(jù)量,提高了供了操作如HTML、XML等文檔對(duì)象的接口,DOM模型更像客戶(hù)端的響應(yīng)速度,改善了用戶(hù)使用體驗(yàn)使得Web應(yīng)用可以一個(gè)對(duì)象模型,它不依賴(lài)于對(duì)象的結(jié)構(gòu),常見(jiàn)的樹(shù)形結(jié)構(gòu)只是它接近甚至達(dá)到類(lèi)似“桌面應(yīng)用”的效果。其中的一個(gè)實(shí)現(xiàn),DOM只是提供了操作每種文檔對(duì)象的接口2Ajax技術(shù)簡(jiǎn)介在Ajx中, JavaScript腳本語(yǔ)言通過(guò)DOM才可以跟頁(yè)面進(jìn)行2.1Ajax技術(shù)定義交互,包括改變文檔的內(nèi)容和狀態(tài),從而達(dá)到改變頁(yè)面的目的Ajax的名字是 Asynchronous JavaScript and XML的縮(4)XML和JSON寫(xiě)。它并不是一門(mén)新的語(yǔ)言或技術(shù),實(shí)際上它是把現(xiàn)有的幾項(xiàng)成Ajx中可以通過(guò) XmlhTtpreqUest對(duì)象讀取Text文熟技術(shù)按一定的方式組合在一起,通過(guò)相互協(xié)作發(fā)揮出特殊的本、XML數(shù)據(jù)和JSON等數(shù)據(jù)Text文本數(shù)據(jù)是最簡(jiǎn)單的數(shù)據(jù)作用。2005年2月Web設(shè)計(jì)咨詢(xún)企業(yè) Adaptive Path公司用戶(hù)格式不做過(guò)多介紹體驗(yàn)總監(jiān)耶西·j小加勒特發(fā)表了名為《Ajx: A New AXML( Extensible Markup language)擴(kuò)展標(biāo)記語(yǔ)言,可roach to Web application)的文章,文中加勒特闡述了Web應(yīng)規(guī)范的定義結(jié)構(gòu)化數(shù)據(jù),是目前網(wǎng)上傳輸?shù)臄?shù)據(jù)和文檔廣泛使用程序可以更接近于傳統(tǒng)的桌面應(yīng)用程序的觀點(diǎn),他引用用的數(shù)據(jù)標(biāo)準(zhǔn)。用XML表述的數(shù)據(jù)和文檔,可以很容易的讓所些新技術(shù)和 google項(xiàng)目( GoogleMap、 Google Suggest等)作為有程序共享例子來(lái)說(shuō)明傳統(tǒng)的基于桌面的用戶(hù)交互模型現(xiàn)在如何應(yīng)用于JSON全名為 JavaScript Object Notation,是Web上,討論了如何消除胖客戶(hù)(或桌面)應(yīng)用與瘦客戶(hù)(或數(shù)據(jù)交換格式基于 JavaScript規(guī)范開(kāi)發(fā)出來(lái)的,可以與Web)應(yīng)用之間的界限,并給出了基于這種思想的交互模型,同 JavaScript完美結(jié)合。它實(shí)際上結(jié)構(gòu)化的數(shù)據(jù),在時(shí)將實(shí)現(xiàn)這種應(yīng)用的技術(shù)命名為:Ax。由此Ax迅速成為了 Javascript中無(wú)需額外的解析就可以直接使用,JSON數(shù)據(jù)與當(dāng)今Web開(kāi)發(fā)中最為熱門(mén)的詞匯,Web開(kāi)發(fā)掀開(kāi)了嶄新的XML相比有如下優(yōu)點(diǎn):瀏覽器解析JSON的速度比XML快JSON構(gòu)造是友好的編程語(yǔ)言,并容易轉(zhuǎn)換為后端編程語(yǔ)言(如Jesse James Garrett是這樣定義Ajax技術(shù)的:Java)JSON相當(dāng)穩(wěn)定,其附加內(nèi)容將成為超集(1)基于 XHTML和CSS技術(shù)的標(biāo)準(zhǔn)化呈現(xiàn)3Ajx的工作流程與應(yīng)用實(shí)例(2)使用DOM( Document Object Mod)實(shí)現(xiàn)動(dòng)態(tài)顯示和3.1Ajx的工作流Ajx實(shí)質(zhì)上也是遵循 Request/ Server模式, Javascript調(diào)(3)使用XML和XSLT進(jìn)行數(shù)據(jù)交換與處理用Ax引來(lái)代替產(chǎn)生的一個(gè)Htt的用戶(hù)動(dòng)作,只不過(guò)這個(gè)(4)使用 XmlhTtprequEst對(duì)象與服務(wù)器進(jìn)行異步通信獲過(guò)程是異步的,Ajx程序工作流程如取數(shù)據(jù);(1)初始化對(duì)象:在 Javascript腳本代碼中聲明異步通訊對(duì)5)最后用 Javascript腳本綁定和處理所有數(shù)據(jù),整合以上象,如果是瀏覽器,就初始化為 XmlhTtp Activex,如果是mozilla或 NetScape瀏覽器就初始化為 XmlhTtprequEst對(duì)統(tǒng)的Web應(yīng)用不同,Ajx采用異步交互過(guò)程。Ajx在象JavaScript語(yǔ)言編寫(xiě),它通常藏在藏得框架中,負(fù)貴實(shí)現(xiàn)函數(shù)及相關(guān)傳輸參數(shù)然后向服務(wù)器端發(fā)送異步et的處理用戶(hù)和服務(wù)器之間引入一個(gè)中間媒介一Ajx引擎,Ajx引用(2)設(shè)置參數(shù)并發(fā)送請(qǐng)求:設(shè)置 XmlhtTprequEst的處理傳統(tǒng)的客戶(hù)端與服務(wù)器間的交流,從而一定程度上解(3)服務(wù)器接收請(qǐng)求并進(jìn)行處理:服務(wù)器收到客戶(hù)端請(qǐng)求后絡(luò)進(jìn)行響應(yīng)處理,生成相應(yīng)處理結(jié)交互過(guò)程中的處理一等待一處理一等待的缺點(diǎn)。同時(shí)也可以把(4)服務(wù)器返回服務(wù)器端把處理結(jié)果封裝成XML等格式以前服務(wù)器負(fù)擔(dān)的作轉(zhuǎn)移到客戶(hù)端,利用客戶(hù)端閑置的的數(shù)擁處理能力來(lái)處理,從而減輕服務(wù)器的負(fù)擔(dān)和網(wǎng)絡(luò)的傳輸壓力中國(guó)煤化工eques對(duì)象接收服務(wù)器2Ajax使用的關(guān)鍵技術(shù)返回CNMHAjax中用到的主要技術(shù)有 JavaScript、 XmlhTtprequEstDOMXML等技術(shù),下面做簡(jiǎn)要介紹:頁(yè)面的勃地以口項(xiàng)圓門(mén)訂x煙四數(shù)中利用腳本語(yǔ)言修改(1)JavaScript3.2Ajx應(yīng)用實(shí)例作者簡(jiǎn)介:張峰,男臨沂師范學(xué)院教師,中國(guó)地質(zhì)大學(xué)(北家)06碩磺士宋莉,女中國(guó)地質(zhì)大學(xué)(北家)信息工程學(xué)院,副教授,項(xiàng)士生導(dǎo)師。一數(shù)據(jù)科技信息博士·專(zhuān)家論壇在Ajx的應(yīng)用方面,Goge無(wú)疑是當(dāng)仁不讓的表率(1)技術(shù)相對(duì)成熟穩(wěn)定:AjBx使用的都是基于標(biāo)準(zhǔn)化的并Orkut, Gmail, Google Groups, Google Maps, google. Suggest都被廣泛支持的技術(shù)而且大都經(jīng)過(guò)實(shí)踐檢驗(yàn)相對(duì)穩(wěn)定可靠,適應(yīng)用了這項(xiàng)技術(shù),微軟也在積極開(kāi)發(fā)更為完善的Ajx應(yīng)用,目用性強(qiáng)。使用Ajx時(shí)不需要下載插件或者小程序,與其它RIA下面通過(guò)一個(gè)從服務(wù)器獲取X紅文件數(shù)據(jù)的程序?qū)嵗齺?lái)可以相對(duì)快捷地將該技術(shù)應(yīng)用到已有的實(shí)際項(xiàng)目而不懵要改變現(xiàn)有Web內(nèi)容(2)更快的響應(yīng)速度,更好的用戶(hù)體驗(yàn):Ajx實(shí)現(xiàn)了按需獲Ajx測(cè)試程序取數(shù)據(jù),并異步的更新頁(yè)面,使得用戶(hù)請(qǐng)求處理時(shí)間大大減少同時(shí)在處理一個(gè)請(qǐng)求的時(shí)候可以處理其它的請(qǐng)求,這種體驗(yàn)就像將以前c/S模式下開(kāi)發(fā)的產(chǎn)品遷移到Web平臺(tái)上,加上/初始化 XmlhTtpreqUest對(duì)象Web自身的部署、維護(hù)方便等優(yōu)點(diǎn),Ajax應(yīng)用的體驗(yàn)性和可用性自然不言而喻了3)減少了網(wǎng)絡(luò)數(shù)據(jù)傳輸,節(jié)省了服務(wù)器帶寬,平衡functioncreatxmlhttpreQuesTo(器端與客戶(hù)端的負(fù)載:Ajax將以前服務(wù)器負(fù)擔(dān)的一部分移到客戶(hù)端完成,利用客戶(hù)端閑置的資源處理,從而減輕xmlhttp-newActivexobject("MsxM112.XmlhTtp*)1器端處理和帶寬的負(fù)擔(dān),節(jié)約了空間和成(4)良好的擴(kuò)展性:Ajax利用XML或JSON可以方便讀取外部數(shù)據(jù),并且可以與其它RIA技術(shù)如 Flash、XUL等聯(lián)合x(chóng)mht= new ActiveXObject( Microsoft使用,從而開(kāi)發(fā)出功能更強(qiáng)大的web應(yīng)用XmlhTtp),)catch(e)try(Ajax不是完美的技術(shù),使用Aijx時(shí)它的一些缺陷不得不xmlhttpnewxmlhTtpreqUest權(quán)衡)catch(e)(1)兼容性問(wèn)題:Ajax使用了 JavaScript腳本語(yǔ)言和Ajx引華,而這個(gè)取決于瀏覽器的支持。IE5.0及以上、 mozilla1.0NetScape7及以上版本才支持,而且不同瀏覽器提供的xMLif(!xmlhttpHttprequest的方式也不一樣,所以使用Ajx的程序必須考慮到對(duì)各種瀏覽器的兼容性如果客戶(hù)端瀏覽器對(duì)象改變,有可能lert(不能創(chuàng)建 XmlhTtprequEst對(duì)象實(shí)例);會(huì)造成頁(yè)面無(wú)法顯示甚至整個(gè)系統(tǒng)都無(wú)法使用return falser(2)頁(yè)面定位問(wèn)題:由于Ajx將大量頁(yè)面狀態(tài)信息存儲(chǔ)在//從服務(wù)器獲取XML數(shù)據(jù)調(diào)用的主函數(shù)“后退按當(dāng)用戶(hù)部分劇新頁(yè)面時(shí)會(huì)導(dǎo)致惻覽器的“前進(jìn)”、客戶(hù)端變量用戶(hù)有時(shí)搞不清楚現(xiàn)在的頁(yè)面數(shù)據(jù)是舊的還是已經(jīng)更新過(guò)的,這就需要在適當(dāng)位置標(biāo)示數(shù)據(jù)的狀態(tài)。creatxmlhttpreQuesTo;3)對(duì)搜索引擎不友好:通過(guò)搜索引華獲取信息是人們//設(shè)置參數(shù)并發(fā)送異步請(qǐng)求互聯(lián)網(wǎng)的重要原因,但傳統(tǒng)的搜索引擎對(duì)數(shù)據(jù)的分析和處理都xmihtTp. open(get. a nge = process request!是基于頁(yè)面工作的,而Ajx則是基于數(shù)據(jù)工作的,兩者無(wú)法很好的協(xié)調(diào),Ajx中傳輸?shù)臄?shù)據(jù)都是一些數(shù)據(jù)片段,不是完整的,truexmlhttp.sendGnull),Htm文檔,而且是后臺(tái)異步獲取,不能被搜索引擎很好的發(fā)現(xiàn)} catch〔e){并緩存,最終可能導(dǎo)致用戶(hù)無(wú)法搜素到指定的內(nèi)容。alert(”您訪(fǎng)問(wèn)的資源不存在!)(4)性能問(wèn)題:Ajax把大算從服務(wù)器轉(zhuǎn)移到了客戶(hù)端瀏覽器,這意味著瀏覽器將承受更大的負(fù)擔(dān),而不再是簡(jiǎn)單的文檔顯示功能。由于Ajx的核心語(yǔ)言 JavaScript是解釋型腳本回?cái)?shù)據(jù)XmlhTtprequEst對(duì)象處理函數(shù),在頁(yè)面顯示服務(wù)器返能上找到一個(gè)平衡點(diǎn),并盡可能的實(shí)現(xiàn)按需下載5)對(duì)流媒體的支持沒(méi)有 Flash、 Java Applet好,一些手持設(shè)m6(/斷狀態(tài)是否請(qǐng)求發(fā)選備(知手機(jī)的等現(xiàn)信不很好的支持A技術(shù)成功f(mlhttp.statu==200){//判斷狀態(tài)是否返回?cái)?shù)據(jù)成想據(jù)Ajx技術(shù)的特點(diǎn),它的適用范圍主要有以下一些方//接收數(shù)據(jù)并顯示(1)數(shù)據(jù)驗(yàn)證:校驗(yàn)用戶(hù)注冊(cè)、登錄等信息;forml.showvalue=xmlhttp.responsetext(2)按需獲取數(shù)據(jù):按用戶(hù)的要求只需要部分改變頁(yè)面內(nèi)容else(3)讀取外部數(shù)據(jù):可以讀取XMN等格式的外部數(shù)lert("請(qǐng)求處理返回?cái)?shù)據(jù)異?！?;據(jù)5結(jié)束語(yǔ)Ajx技術(shù)能夠?qū)崿F(xiàn)瀏覽器與服務(wù)器間的異步數(shù)據(jù)交互以及頁(yè)面內(nèi)容的局部刷新,從而達(dá)到“按需”獲取數(shù)據(jù)的目的,顯著</script>改善Web應(yīng)用的用戶(hù)體驗(yàn)。同時(shí)它也可以把一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)移到客戶(hù)端處理,平衡了服務(wù)器與客戶(hù)端的負(fù)載。一般說(shuō)是一個(gè)Aja
來(lái),Ax技術(shù)主要應(yīng)用在交互較多頻繁讀數(shù)據(jù)和數(shù)據(jù)分類(lèi)良好的Web應(yīng)用中,在具體運(yùn)用過(guò)程中,應(yīng)具體情況具體分析Input type-value=”Ajx測(cè)試” onclick才能達(dá)到較好的效果隨著Web應(yīng)用的快速發(fā)展,相信Ajax技startRequest,/>術(shù)一定會(huì)得到更廣泛的應(yīng)用,帶給我們更多的驚喜
中國(guó)煤化工 論文截圖