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