第22卷,第6期中國(guó)傳媒大學(xué)學(xué)報(bào)自然科學(xué)版Vol 22. No 62015F 12 H JOURNAL OF COMMUNICATION UNIVERSITY OF CHINA(SCIENCE AND TECHNOLOGY)Dec,2015Ajax技術(shù)的研究與應(yīng)用靖?jìng)?中國(guó)傳媒大學(xué)信息工程學(xué)院,北京100024)摘要:Aa技術(shù)作為Web2.0時(shí)代的重要產(chǎn)物,已經(jīng)越來(lái)越多的應(yīng)用在當(dāng)今的互聯(lián)網(wǎng)產(chǎn)品中。通過(guò)它實(shí)現(xiàn)無(wú)刷新更新頁(yè)面的方式,使用戶能夠方便快捷的訪問(wèn)應(yīng)用,增加了互動(dòng)性,降低了服務(wù)器負(fù)擔(dān),節(jié)省了帶寬。本文針對(duì)移動(dòng)端Web應(yīng)用中倒計(jì)時(shí)的問(wèn)題展開(kāi)研究,在介紹了Ajax的關(guān)鍵技術(shù),分析了引入Ajax技術(shù)的站點(diǎn)相對(duì)于傳統(tǒng)Web站點(diǎn)的優(yōu)勢(shì)。利用Aja技術(shù)和差值補(bǔ)償?shù)姆椒ㄟ_(dá)到了無(wú)刷新同步本地時(shí)間,以保證多終端系統(tǒng)計(jì)時(shí)的同步性。后通過(guò)一個(gè)典型的應(yīng)用:“定時(shí)搶票系統(tǒng)”的實(shí)現(xiàn)進(jìn)一步證明了Ajax技術(shù)在時(shí)間同步方面的優(yōu)勢(shì)關(guān)鍵詞:Ajax;HTML;異步交互;時(shí)間同步中圖分類號(hào):TP31文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1673-4793(2015)06-0050-06The Research and Application of Ajax TechnologyJING WeiSchool of Information and Engineering, Communication University of China, Beijing 100024, China)Abstract: As an important technology which comes from Web2.0 era, Ajax has been used more and moretoday s Internet products. By implementing the way without refreshing updates page, Ajax brings to theusersexperience at the same time reduces the burden of the server and saves bandwidth. The paper concentrates on the problem of countdown in mobile Web application and introduces the key technolo-gy of Ajax and analyzes the advantages of the Web site which uses the Ajax technology compared with thetraditional Web site. By using the method of Ajax technology and the compensation of time differenceorder to update local time without refresh the web page. Through this we can ensure the synchronism ofmulti terminal system. The design of rob ticket system proves the advantage of Ajax technology furtherKeywords: Ajax; HTML; asynchronous interaction; time synchronization不可替代的作用。當(dāng)前基于Ajax的應(yīng)用種類繁多引言諸如谷哥公司推出的 Google Maps能夠提供世界范圍內(nèi)的地圖搜索服務(wù); Amazon的鉆石搜索應(yīng)用使用2004年出版社經(jīng)營(yíng)者ORel和 MediaLive In-戶能夠體驗(yàn)到快捷的購(gòu)物方式; gmail利用Ajax技ternational之間的一場(chǎng)頭腦風(fēng)暴論壇。為我們帶來(lái)術(shù)實(shí)現(xiàn)了功能豐富的系統(tǒng)應(yīng)用。與此同時(shí),我國(guó)了Web2.0這一劃時(shí)代的概念。Web2.0的核心思的在擊養(yǎng)A灬技術(shù)在不同領(lǐng)域應(yīng)用想是用戶參與網(wǎng)站內(nèi)容的創(chuàng)造,注重交互性以及設(shè)的中國(guó)煤化工全性,肖斌等人對(duì)傳統(tǒng)計(jì)符合W3C標(biāo)準(zhǔn)的網(wǎng)站。Ajax作為web2.0的核weCNMHG待時(shí)間長(zhǎng)、經(jīng)常出現(xiàn)白心技術(shù),對(duì)于構(gòu)建更有吸引力的交互式網(wǎng)站,起到了頁(yè)的問(wèn)題,提出了采用HTP壓縮方法和緩存等技收稿日期:2015-04-2作者簡(jiǎn)介:靖?jìng)?1989-),男(漢族),天津人,中國(guó)傳媒大學(xué)碩士研究生.E-mil: Jinghe610032626@sina,com第6期靖?jìng)?Ajax技術(shù)的研究與應(yīng)用術(shù)來(lái)提高數(shù)據(jù)傳輸性能的Ajax模型。通過(guò)改善3)DOM:文檔對(duì)象模型,表示和處理一個(gè)HTAjax應(yīng)用程序的性能,提高了網(wǎng)絡(luò)反映速度,獲得ML或XML文檔的常用方法。了高質(zhì)量、快速和健壯的網(wǎng)絡(luò)通信2。周揚(yáng)在動(dòng)態(tài)(4) JavaScript:一種成熟的客戶端腳本語(yǔ)言加載、預(yù)見(jiàn)式緩存、內(nèi)容分塊等方面提出了Ajax應(yīng) JavaScript通過(guò)操縱DOM來(lái)改變前端頁(yè)面結(jié)構(gòu)。用的設(shè)計(jì)模式。為AJAX應(yīng)用設(shè)計(jì)提供了較為通用(5)XML:可擴(kuò)展標(biāo)記語(yǔ)言,一種適用于Ajax的的設(shè)計(jì)思路和更加規(guī)范、合理的體系結(jié)構(gòu),在一定程語(yǔ)言傳輸格式度上簡(jiǎn)化了AJAX應(yīng)用開(kāi)發(fā)的難度,有效改善了程Ajax技術(shù)的核心在于異步通信,不必整體刷新序的性能③。在網(wǎng)絡(luò)時(shí)間同步方面 Cristian算頁(yè)面,從而減少了數(shù)據(jù)傳輸量,提高了Web應(yīng)用的法4、 Berkeley算法、優(yōu)化時(shí)鐘同步算法6等,在響應(yīng)速度,給用戶帶來(lái)了良好的體驗(yàn)。Ajax可以在方面保證了信息在網(wǎng)絡(luò)傳遞過(guò)程中的時(shí)間的同步頁(yè)面內(nèi)與服務(wù)器通信,使得構(gòu)建智能化的客戶端控性。趙英等人將 Web services技術(shù)引入時(shí)間同步研件成為可能。例如:數(shù)據(jù)表格,樹(shù)型控件等各種復(fù)雜究領(lǐng)域,建立了面向網(wǎng)絡(luò)時(shí)間同步服務(wù)的 Web Serv-的控件。智能化的客戶端控件可以通過(guò) XMLHtces體系結(jié)構(gòu),使客戶端利用客戶機(jī)發(fā)送査詢請(qǐng)求 reQuest對(duì)象與服務(wù)器通信,獲取數(shù)據(jù),并可緩沖的時(shí)間、服務(wù)器收到查詢請(qǐng)求的時(shí)間、服務(wù)器應(yīng)答時(shí)和處理數(shù)據(jù)。這使得許多工作可以在客戶端完成,間信息包的時(shí)間以及客戶機(jī)收到服務(wù)器返回時(shí)間信例如:數(shù)據(jù)效驗(yàn)、表單驗(yàn)證等。Ajax技術(shù)極大地改息包的時(shí)間這四個(gè)時(shí)間戳來(lái)計(jì)算它與服務(wù)器間的時(shí)善了Web應(yīng)用的可用性和用戶的交互體驗(yàn),最終得間偏移和包交換的往返延遲,然后使用時(shí)間偏移來(lái)到了用戶和市場(chǎng)的廣泛認(rèn)可。調(diào)整本地時(shí)間,讓客戶機(jī)與服務(wù)器的時(shí)間保持同步。Ajax技術(shù)有著眾多不可取代的優(yōu)勢(shì)的同時(shí)也這種方法幫助了客戶端拋開(kāi)各種不同的網(wǎng)絡(luò)環(huán)境進(jìn)存在著一些缺點(diǎn)。Aja中的一個(gè)頁(yè)面并不僅僅作行時(shí)間同步。在移動(dòng)客戶端與服務(wù)器端,應(yīng)用層為一個(gè)顯示層表示。作為一個(gè)可操作界面,用戶可時(shí)間同步方面,傳統(tǒng)的應(yīng)用往往通過(guò)頁(yè)面定期刷新以點(diǎn)擊頁(yè)面上的元素,達(dá)到更新局部數(shù)據(jù)的目的更新同步時(shí)間,或者在頁(yè)面加載時(shí)獲取一次標(biāo)準(zhǔn)時(shí)這時(shí)一個(gè)頁(yè)面可以表示為多個(gè)狀態(tài)。那么問(wèn)題就出間而后進(jìn)行本地計(jì)時(shí)。這樣經(jīng)過(guò)長(zhǎng)時(shí)間計(jì)時(shí)往往會(huì)現(xiàn)了,雖然頁(yè)面改變了多個(gè)狀態(tài),但是他的URL沒(méi)造成較大的誤差。隨著Ax技術(shù)的出現(xiàn),通過(guò)Ajax有改變,所以致使瀏覽器的前進(jìn)后退功能失敗8層請(qǐng)求服務(wù)器時(shí)間,可以使客戶端頁(yè)面在不刷新的情況下快速的取得服務(wù)器標(biāo)準(zhǔn)時(shí)間,進(jìn)而進(jìn)行使本3移動(dòng)端的時(shí)間同步地時(shí)間同步,為多終端的精確時(shí)間同步帶來(lái)了可能性3.1Ajax技術(shù)與時(shí)間同步方式的改變2Ajax技術(shù)簡(jiǎn)述早在Webl.0時(shí)代,頁(yè)面應(yīng)用相對(duì)較少,主要為門戶網(wǎng)站,而用戶對(duì)于互聯(lián)網(wǎng)的需求也主要以瀏覽Ajax全稱為“ Asynchronous JavaScript and XML”信息為主。那時(shí)候應(yīng)用的頁(yè)面計(jì)時(shí)方式只是在頁(yè)面(異步 JavaScript和XML),是指一種創(chuàng)建交互式網(wǎng)加載時(shí)獲取一次服務(wù)器時(shí)間進(jìn)行計(jì)時(shí),而由于網(wǎng)絡(luò)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。Aax是目前在瀏覽器中系統(tǒng)的傳輸延時(shí)、受客戶端影響的腳本運(yùn)行時(shí)間誤通過(guò) JavaScript腳本可以使用的所有技術(shù)的集合。差等都會(huì)影響計(jì)時(shí)精度,也無(wú)法進(jìn)行后續(xù)的時(shí)間同Aax并沒(méi)有創(chuàng)造出某種具體的新技術(shù),它所使用的步。隨著Web2.0時(shí)代的到來(lái),Ajax技術(shù)的出現(xiàn)為都是已經(jīng)存在并且較為成熟的技術(shù),Ajax通過(guò)一種許中國(guó)煤化工條件,同時(shí)也為客戶端嶄新的方式將這些技術(shù)整合到一起。具體來(lái)說(shuō)包括精浦CNMHG下技術(shù)(1)Webl.0模式下的時(shí)間同步方式(1) XHTML:可擴(kuò)展超文本標(biāo)記語(yǔ)言。在傳統(tǒng)的Web1.0模式下,計(jì)時(shí)方式主要采取(2)CSS:級(jí)聯(lián)樣式表,它負(fù)責(zé)客戶端頁(yè)面樣式同步方式,當(dāng)頁(yè)面加載后,客戶端會(huì)從服務(wù)器獲得服的展現(xiàn)。務(wù)器端標(biāo)準(zhǔn)時(shí)間,來(lái)同步一次本地時(shí)間,后面的計(jì)時(shí)52中國(guó)傳媒大學(xué)學(xué)報(bào)自然科學(xué)版第22卷會(huì)在本地完成,通過(guò)腳本語(yǔ)言設(shè)置時(shí)間間隔來(lái)使標(biāo)準(zhǔn)客戶端瀏覽器時(shí)間改變。但由于腳本的本地運(yùn)行會(huì)受到終端設(shè)備的影響長(zhǎng)時(shí)間會(huì)有積累誤差,造成計(jì)時(shí)不準(zhǔn)。要想消Jav Script Call時(shí)間數(shù)據(jù)響應(yīng)除誤差只能通過(guò)控制頁(yè)面強(qiáng)制刷新。其過(guò)程如下如圖1所示,腳本控制頁(yè)面刷新,客戶端會(huì)發(fā)出個(gè)HTTP請(qǐng)求,在這期間它會(huì)一直等待服務(wù)器響HTTP請(qǐng)求時(shí)間數(shù)據(jù)響應(yīng)應(yīng)。而服務(wù)器在收到請(qǐng)求后,將處理好的數(shù)據(jù)返回客戶端。瀏覽器在收到返回的HTML、CSS、 JavaS-Wb服務(wù)器cript等文件數(shù)據(jù),再進(jìn)行渲染,呈現(xiàn)出頁(yè)面。當(dāng)前圖2Ajax請(qǐng)求模式大多數(shù)Web頁(yè)面含有大量圖片、 JavaScript制作的動(dòng) cript對(duì)數(shù)據(jù)作相應(yīng)的處理態(tài)插件等,而我們需要的僅僅是服務(wù)器的時(shí)間數(shù)據(jù),上述過(guò)程可以看出,客戶端發(fā)出的對(duì)于服務(wù)器頁(yè)面也會(huì)再次刷新,這些文件會(huì)被無(wú)意義的再次請(qǐng)時(shí)間的HTTP請(qǐng)求和數(shù)據(jù)的接收全部承接給了Ajax求與傳輸。這無(wú)疑增加了用戶等待時(shí)間,影響體驗(yàn),層,再由腳本語(yǔ)言對(duì)時(shí)間數(shù)據(jù)進(jìn)行處理達(dá)到本地時(shí)也造成了空間上多余的數(shù)據(jù)傳輸,影響帶寬。間的同步化,通過(guò)DOM使頁(yè)面結(jié)構(gòu)部分改變,而非客戶端瀏覽器整個(gè)頁(yè)面的重載。在這個(gè)處理過(guò)程中頁(yè)面處于相對(duì)靜止的狀態(tài),用戶在這期間可以進(jìn)行其他操作。異步交互時(shí)序如圖3所示。這也就是Ajax技術(shù)在客戶端時(shí)間同步方面的魅力所在。HTTP請(qǐng)求HTML+CSS響應(yīng)3.2移動(dòng)端時(shí)間同步要考慮的問(wèn)題移動(dòng)端應(yīng)用以其方便快捷輕巧的優(yōu)勢(shì),為用戶web服務(wù)器所喜愛(ài),但同時(shí)移動(dòng)終端在時(shí)間同步方面在考慮到圖1傳統(tǒng)請(qǐng)求模式普通Web應(yīng)用共有特點(diǎn)的同時(shí),也要顧及其特殊對(duì)于時(shí)間精度要求不高的應(yīng)用來(lái)說(shuō)可以采取這性。具體要考慮以下幾個(gè)方面種方式。加載時(shí)同步一次時(shí)間,后續(xù)進(jìn)行本地計(jì)算,(1)手機(jī)鎖屏后系統(tǒng)休眠不再進(jìn)行與服務(wù)器的時(shí)間同步。般倒計(jì)時(shí)系統(tǒng)當(dāng)用戶第一次登陸時(shí)獲取一次(2)基于Ajax的時(shí)間同步方式服務(wù)器時(shí)間,再與本地時(shí)間計(jì)算差值。這樣當(dāng)手機(jī)與傳統(tǒng)的Web技術(shù)不同,Ajax采用的是異步交鎖屏后系統(tǒng)處于體眠狀態(tài),屏幕再次開(kāi)啟,前端頁(yè)面互處理技術(shù)。使用其可以方便的獲取服務(wù)器基準(zhǔn)時(shí)會(huì)保持原有狀態(tài), JavaScript腳本不會(huì)重新加載并運(yùn)間而無(wú)需刷新頁(yè)面。如圖2所示,為了改變傳統(tǒng)的行。這時(shí)倒計(jì)時(shí)系統(tǒng)還是會(huì)從鎖屏前一時(shí)刻繼續(xù)計(jì)Web客戶端和服務(wù)器的“請(qǐng)求——等待——請(qǐng)時(shí),從而產(chǎn)生了問(wèn)題。這對(duì)于倒計(jì)時(shí)系統(tǒng)而言,會(huì)有求——等待”的模式,在用戶瀏覽器和服務(wù)器之間致命的缺陷。設(shè)計(jì)一個(gè)中間層—即Ajax層2)客戶端修改本地時(shí)間Ajax的工作原理是:客戶端瀏覽器在運(yùn)行時(shí)首由于計(jì)時(shí)要部分依賴于客戶端本地時(shí)間,如果先加載一個(gè)Ax引擎(該引擎由 JavaScript編寫(xiě));在計(jì)時(shí)過(guò)程中人為的修改本地系統(tǒng)時(shí)間,則可能會(huì)Ajax引擎創(chuàng)建一個(gè)異步調(diào)用的對(duì)象 XmlhTtpre對(duì)計(jì)時(shí)系統(tǒng)產(chǎn)生影響quest,向Web服務(wù)器發(fā)出一個(gè)HTP請(qǐng)求并監(jiān)聽(tīng)端中國(guó)煤化工率口動(dòng)態(tài);服務(wù)器收到請(qǐng)求后,從數(shù)據(jù)庫(kù)中取出數(shù)據(jù)。CNMHG的計(jì)時(shí)基準(zhǔn),但是系統(tǒng)由于Ajax支持三種數(shù)據(jù)傳輸格式即Json,XML和運(yùn)行時(shí)的岡絡(luò)狀況難以確定,若采取進(jìn)入頁(yè)面后Text,所以服務(wù)器將數(shù)據(jù)打包成的所需要格式返回次讀取服務(wù)器時(shí)間作為基準(zhǔn),可能會(huì)出現(xiàn)計(jì)時(shí)偏差。客戶端;當(dāng)Ax所監(jiān)聽(tīng)的端口,發(fā)現(xiàn)數(shù)據(jù)傳輸完畢而若過(guò)于頻繁的通過(guò)服務(wù)器同步本地時(shí)間又會(huì)影響后,通過(guò)Aax引擎接收返回的結(jié)果,最后交由 Javas-系統(tǒng)運(yùn)行效率。第6期靖?jìng)?Ajax技術(shù)的研究與應(yīng)用Ajax web application model(asynchronousclientbrowser UIser acivity二二二Ajax engine非timeserver-sideserver圖3時(shí)序圖中,即此時(shí)的ΔT=ΔT+ΔT’。之所以需要設(shè)置3.3差值補(bǔ)償算法個(gè)預(yù)設(shè)值,是因?yàn)槊總€(gè)周期的時(shí)間本身不是固定移動(dòng)端帶有倒計(jì)時(shí)的應(yīng)用最重要的是實(shí)現(xiàn)多終的,它要依賴于周期函數(shù)的運(yùn)行情況,因此△T’并不端時(shí)間同步,確保所有用戶使用的是同一基準(zhǔn)時(shí)間。會(huì)等于0,如果每次都將周期函數(shù)造成的誤差作為目前比較常用的方法就是根據(jù)基準(zhǔn)時(shí)間使用周期函CT與ST之間的誤差將會(huì)造成計(jì)算不準(zhǔn)確。而通過(guò)數(shù)并設(shè)置時(shí)間間隔來(lái)計(jì)算最新的時(shí)間,這樣的問(wèn)題Ajax定期獲取服務(wù)器時(shí)間來(lái)更新基準(zhǔn)時(shí)間是對(duì)周在于函數(shù)周期運(yùn)行的時(shí)間精度比較低,經(jīng)測(cè)試一分期函數(shù)的累積誤差進(jìn)行消除。經(jīng)過(guò)以上的計(jì)算,用鐘大概能相差幾秒,這與電腦性能以及運(yùn)行的任務(wù)戶修改時(shí)間或手機(jī)鎖屏后將不會(huì)對(duì)計(jì)算結(jié)果產(chǎn)生影也相關(guān),這樣的誤差在某些需求下是無(wú)法滿足的。因而通過(guò)Ajax定期取得服務(wù)器時(shí)間來(lái)更新基準(zhǔn)時(shí)間,是十分便捷的辦法。但是為了保證系統(tǒng)的4Ajax在移動(dòng)端APP定時(shí)搶票系統(tǒng)運(yùn)行效率,獲取時(shí)間的間隔不能過(guò)長(zhǎng)。同時(shí)為了保證手機(jī)鎖屏或用戶修改客戶端系統(tǒng)時(shí)間而帶來(lái)的時(shí)中的應(yīng)用間不一致問(wèn)題,采用一種改良的時(shí)間差值補(bǔ)償方式設(shè)客戶端時(shí)間為CT,服務(wù)器時(shí)間為sT在頁(yè)面41設(shè)計(jì)需求加載的時(shí)候計(jì)算出客戶端與服務(wù)器的時(shí)間差值為搶票系統(tǒng)要求設(shè)置一個(gè)基準(zhǔn)搶票時(shí)間,客戶端ΔT。當(dāng)客戶端時(shí)間被用戶修改或手機(jī)鎖屏造成的應(yīng)用實(shí)時(shí)的將倒計(jì)時(shí)顯示給用戶,如圖4所示,到達(dá)停止計(jì)時(shí),一旦出現(xiàn)這樣的狀況,計(jì)算出來(lái)的服務(wù)器基準(zhǔn)時(shí)間系統(tǒng)開(kāi)放可以搶票。由于搶票系統(tǒng)為多終時(shí)間也將隨之發(fā)生變化。這就需要檢測(cè)出客戶端時(shí)間的變化并消除這個(gè)變化。檢測(cè)的方法是,即在每端大并發(fā)量的系統(tǒng),要求倒計(jì)時(shí)精準(zhǔn)無(wú)誤,設(shè)計(jì)系統(tǒng)個(gè)計(jì)算周期(T)都將當(dāng)時(shí)的客戶端時(shí)間(CT2)與上時(shí)要中國(guó)煤化工可題個(gè)周期的客戶端時(shí)間(Cm)做比較,一旦兩個(gè)周.24 CNMHG期的差值A(chǔ)T’=CT2-CT1-T(1)創(chuàng)建 XmlhTtp Request對(duì)象大于某個(gè)預(yù)設(shè)值S時(shí)就將差值△T’加入到△T要實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)化,Ajax的 XmlhTtpreqUes對(duì)象是最為關(guān)鍵的一環(huán),使用 XmlhTtp Reques對(duì)象中國(guó)傳媒大學(xué)學(xué)報(bào)自然科學(xué)版第22卷距本次開(kāi)搶還剩設(shè)置5000ms鐘讀取一次服務(wù)器時(shí)間,用以消l園圖園國(guó)除本地計(jì)時(shí)帶來(lái)的誤差。function GetRTime()xmlp.open(“GET",“ time new.ap",mue);//青填寫(xiě)真實(shí)手機(jī)號(hào)碼xmlhttpsend()圖4UIsetInterval(“ Getrtime()”,5000可以方便的實(shí)現(xiàn)與服務(wù)器的數(shù)據(jù)交互。(3)端口監(jiān)聽(tīng)首先判斷瀏覽器類型,因?yàn)闉g覽器版本類型不通過(guò)監(jiān)聽(tīng) XmlhTtpreqUest對(duì)象的屬性 unread同,支持的標(biāo)準(zhǔn)不同,要先進(jìn)行兼容性測(cè)試。IE6、 tatechange得出何時(shí)數(shù)據(jù)傳輸完畢,當(dāng)狀態(tài)碼為4時(shí)IF5支持創(chuàng)建的Ax對(duì)象為 Active OBject(“M-表示服務(wù)器已經(jīng)傳回所有的信息, Status值為200表crosoft. XmlhtTp”),IE7以上以及 Firefox、 Chrome、示頁(yè)面正常,當(dāng)符合這兩個(gè)條件則接受數(shù)據(jù)。Opera、 Safari瀏覽器都是支持標(biāo)準(zhǔn)規(guī)范創(chuàng)建 XMLHt-xmlhttponreadystatechange=function()reques對(duì)象。/監(jiān)聽(tīng)端口if(window. XmlHttpreQueStif(xmlhttp.readyState==4&&3// code for IE7 + Firefox, Chromexmlhttpstatus==200)//O/接收數(shù)據(jù)并處理xmlhttp=newXmlhTtpreQuesT()vardifferentsec=xmlhttpresponsetextmanage Time( different Secel其他屬性如表2所示。/ code for Ie6.Ie5表2其他屬性Activexobject("mIcroSoft. XmlhTtp)性onreadystat當(dāng)Ajax事件狀態(tài)發(fā)生改變時(shí)觸該事件ech(2)發(fā)送請(qǐng)求通過(guò) XmlHttpreQuesT對(duì)象的open()和send()該屬性有五個(gè)值分別代表了五種狀態(tài)方法發(fā)送HTTP請(qǐng)求。其中open(Method,Url,UNSENT Open尚未調(diào)用Synch)方法有三個(gè)參數(shù),Method參數(shù)提供HTTP方OPENED Open已調(diào)用HEADERS RECEIVED接受到頭信息法,如POST、GET等,見(jiàn)表1。Unl參數(shù)提供請(qǐng)求的 ready StateOADING接收到響應(yīng)主體URL地址,可以為絕對(duì)地址也可以為相對(duì)地址。DONE響應(yīng)完成Async參數(shù)為布爾型,指定此請(qǐng)求是否為異步方式理論上每次 ready State屬性改變都會(huì)觸發(fā)默認(rèn)為tue。如果為真,當(dāng)狀態(tài)改變時(shí)會(huì)調(diào)用on-readystatechange事件readystatechange屬性指定的回調(diào)函數(shù)。以數(shù)字形式返回HTP狀態(tài)碼表1發(fā)送模式例如200表示請(qǐng)求成功,404表示URL不能傳輸方式匹配服務(wù)器上的任何資源中國(guó)煤化工般用于傳輸少量數(shù)據(jù),請(qǐng)求的數(shù)據(jù)會(huì)附在TP狀態(tài),它與 status相statGet URL之后。安全性能較差,傳送的數(shù)據(jù)量不能CNMHG大于2KB般傳送的數(shù)據(jù)量較大,被默認(rèn)為不受限最后接受到的數(shù)據(jù)通過(guò) managetime()函數(shù)進(jìn)Pat制。安全性能高,提交的數(shù)據(jù)放置在H包行處理,算法采用3.3節(jié)介紹的時(shí)間補(bǔ)償方法。該的包體中。方法消除了因修改客戶端時(shí)間或手機(jī)鎖屏而帶來(lái)的第6期靖?jìng)?Ajax技術(shù)的研究與應(yīng)用計(jì)時(shí)問(wèn)題代互聯(lián)網(wǎng)應(yīng)用中的使用空間越來(lái)越大。本文介紹了(4)服務(wù)端Ajax的主要技術(shù),分析了它的優(yōu)勢(shì)與不足之處。通服務(wù)器端負(fù)責(zé)響應(yīng)Aux發(fā)來(lái)的基準(zhǔn)時(shí)間請(qǐng)求。過(guò)對(duì)Ajax技術(shù)的一個(gè)典型應(yīng)用,客戶端服務(wù)器時(shí)間由于搶票系統(tǒng)要求實(shí)現(xiàn)預(yù)設(shè)時(shí)間系統(tǒng)同步問(wèn)題展開(kāi)研究,并提出了解決方案。最后通過(guò)開(kāi)放,需要在后臺(tái)設(shè)置標(biāo)記文件。當(dāng)票已搶光個(gè)實(shí)例應(yīng)用—“定時(shí)搶票系統(tǒng)”的設(shè)計(jì),證明了標(biāo)記文件修改。Ajax技術(shù)的易用性。Ajax技術(shù)終將在現(xiàn)代互聯(lián)網(wǎng)采用Aja技術(shù)的定時(shí)搶票系統(tǒng),實(shí)現(xiàn)了客戶端發(fā)展中綻放出璀璨的光芒。與服務(wù)器進(jìn)行異步交互進(jìn)行時(shí)間同步的目的。由于采用異步交互的方法,Ajax在進(jìn)行數(shù)據(jù)傳輸過(guò)程中不參考文獻(xiàn)會(huì)影響用戶的其他操作,頁(yè)面無(wú)需刷新即可準(zhǔn)確的更新時(shí)間。通過(guò)設(shè)置時(shí)間差值補(bǔ)償措施,避免了因手機(jī)[1]丁娜.基于Ajax的WEB2.0技術(shù)研究[D].浙江鎖屏或客戶端時(shí)間修改而造成的倒計(jì)時(shí)錯(cuò)誤。大學(xué).2007[2]肖斌,汪敏.基于 Ajax通信的數(shù)據(jù)傳輸優(yōu)化4.3實(shí)驗(yàn)及結(jié)果[J].通信技術(shù),2011,34(3)客戶端采用10臺(tái)不同型號(hào)的1OS和安卓系統(tǒng)[3]周揚(yáng).Aja應(yīng)用的典型設(shè)計(jì)模式[J].計(jì)算機(jī)系手機(jī),系統(tǒng)開(kāi)放時(shí)間為下午4:00,后臺(tái)記錄的搶票統(tǒng)應(yīng)用,2011,20(1)者信息,順序?yàn)閾屍睍r(shí)間,如圖5所示[4 Cristian F. Probabilistic clock synchronization[JI2014-8-1916:00:0113311435832Distributed Computing, 1989, 3(3): 146-1582014-8-1916:00:0118911215336[5 Gusella R, Zatti S. The accuracy of clock synchro2014-8-1916:00:01189108180102014-8-1916:00:0118001106702nization achieved by TEMPO in Berkeley Unix 4.32014-8-1916:00:0113311596802BSD[ J. IEEE Trans Software Engineering, 19892014-8-1916:00:011891038994715(7):847-8532014-8-1916:00:01153300400062014-8-1916:00:0113370159538[6 Anceaume E, Puaut I. a taxonomy of clock syn2014-8-1916:00:0218911219263chronization algorithms[R]. Washington IRISA2014-8-1916:00:02133013708061997圖5參加者信息7]趙英,史莉,張瑩瑩.基于 Web services的網(wǎng)絡(luò)時(shí)第一個(gè)進(jìn)入系統(tǒng)號(hào)碼為12211435832的終端成間同步[J].北京化工大學(xué)學(xué)報(bào),2006,32(2功搶到票,如圖6所示。[8]馮振興Ajax技術(shù)在Web系統(tǒng)中的應(yīng)用研究2014-8-1916:00:01D].北京林業(yè)大學(xué),2008Sam[9]柯昌正,黃厚寬.Aax技術(shù)的原理與應(yīng)用[J].鐵phone:13311435832路計(jì)算機(jī)應(yīng)用,2007,16(1):27-29adress:北京市朝陽(yáng)區(qū)定福莊東街一號(hào)10]姜皓文.基于狀態(tài)轉(zhuǎn)換的動(dòng)態(tài)爬蟲(chóng)系統(tǒng)設(shè)計(jì)與圖6個(gè)人信息實(shí)現(xiàn)[D].中山大學(xué),2014[l1]Ajax數(shù)據(jù)庫(kù)實(shí)例[EB/OL].htp://ww.5總結(jié)w3school. com. cn/ajax/ajax_ database. asp,Ajax作為一種Web2.0時(shí)代重要的技術(shù),在現(xiàn)THa中國(guó)煤化工(責(zé)任編輯:王謙)CNMHG