第21卷第3期濮陽職業(yè)技術(shù)學(xué)院學(xué)報(bào)Vol 21 No. 32008年8月Jourmal of Puyang Vocational and Technical CollegeAug.2008基于Ajax的Web應(yīng)用任紅霞(華中科技大學(xué)軟件工程學(xué)院湖北武漢430074)摘要]不需要刷新,就能得到更新,把鼠標(biāo)移到一個(gè)地方不用單擊就能得到你所要的信息,這是我們希望的。傳統(tǒng)的Web技術(shù)是不能實(shí)現(xiàn)的,而基于Ajαx的Web就能做到。本文闡逑了Ajax的技術(shù)、Ajax的工作原理及其相對(duì)于傳統(tǒng)wb技術(shù)的優(yōu)點(diǎn)。[關(guān)鍵詞]Ajax;Web;客戶端腳本[中圖分類號(hào)]TP393.07[文獻(xiàn)標(biāo)識(shí)碼]A[文章編號(hào)]1672-9161(2008)03-0016Web應(yīng)用程序是最新的潮流,它們提供了在桌面上不 Script對(duì)象開始。如同名字所暗示的,它允許一個(gè)客戶端腳能實(shí)現(xiàn)的服務(wù)(比如Amazon.com和eBay)。但是,伴隨著本來執(zhí)行HTTP請(qǐng)求,井且將會(huì)解析一個(gè)XML格式的服務(wù)web的強(qiáng)大而出現(xiàn)的是等待,等待服務(wù)器響應(yīng)、等待屏幕刷器響應(yīng)。Ajax處理過程中的第一步是創(chuàng)建一個(gè) Xml Http新、等待請(qǐng)求返回和生成新的頁面。為解決這個(gè)問題,人們 Request實(shí)例。使用HTP方法(GET或POST)來處理請(qǐng)求提出了基于Ajax的Web應(yīng)用并將目標(biāo)URL設(shè)置到 Xml Http Request對(duì)象上。Ajax( Asynchronous Java Scriptand XML)是時(shí)下流行的現(xiàn)在,記住Ajax如何首先處于異步處理狀態(tài)?當(dāng)你發(fā)一種web界面設(shè)計(jì)新思路,它結(jié)合了Java技術(shù)、XML以及送 Http請(qǐng)求,你不希望瀏覽器掛起并等待服務(wù)器的響應(yīng)Java Script等編程技術(shù),可以讓開發(fā)人員構(gòu)建基于Java技術(shù)取而代之的是,你希望通過頁面繼續(xù)響應(yīng)用戶的界面交互,的Web應(yīng)用,并打破了使用頁面重載的慣例。其核心思想并在服務(wù)器響應(yīng)真正到達(dá)后處理它們。要完成它,你可以向是從瀏覽器界面通過XMLH與服務(wù)器端直接交互。這 Xml Http Request注冊(cè)一個(gè)回調(diào)函數(shù),并異步地派發(fā)XML樣,Wb頁面不用打斷交互流程進(jìn)行重新加載,就可以動(dòng)態(tài) Http Request請(qǐng)求?？刂茩?quán)馬上就被返回到瀏覽器,當(dāng)服務(wù)地更新。使用Ajax,用戶可以創(chuàng)建接近本地桌面應(yīng)用的直器響應(yīng)到達(dá)時(shí),回調(diào)函數(shù)將會(huì)被調(diào)用接高可用、更豐富、更動(dòng)態(tài)的Wb用戶界面。在 Java Web服務(wù)器上,到達(dá)的請(qǐng)求與任何其它Htp在Ajax之前,Web站點(diǎn)強(qiáng)制用戶進(jìn)入提交/等待/重新 Servlet Request一樣。在解析請(qǐng)求參數(shù)后, servlet執(zhí)行必需的顯示范例,用戶的動(dòng)作總是與服務(wù)器的“思考時(shí)間”同步。應(yīng)用邏輯將響應(yīng)序列化到XML中,并將它寫回 Http ServletAjax提供與服務(wù)器異步通信的能力,從而使用戶從請(qǐng)求/ Response。下面以購物車為例來說明使用Ajax的好處。響應(yīng)的循環(huán)中解脫出來。借助于Ajax,可以在用戶單擊按鈕動(dòng)態(tài)更新購物車的物品總數(shù),無需用戶單擊 Update并時(shí),使用 Java Script和 DHTML立即更新UI,并向服務(wù)器發(fā)等待服務(wù)器重新發(fā)送整個(gè)頁面出異步請(qǐng)求,以執(zhí)行更新或查詢數(shù)據(jù)庫。當(dāng)請(qǐng)求返回時(shí),就提升站點(diǎn)的性能,這是通過減少從服務(wù)器下載的數(shù)據(jù)可以使用 Java Script和CSs來相應(yīng)地更新Ul,而不是刷新量而實(shí)現(xiàn)的。例如,在 Amazon的購物車頁面,當(dāng)更新籃子中整個(gè)頁面。最重要的是,用戶甚至不知道瀏覽器正在與服務(wù)的一項(xiàng)物品的數(shù)量時(shí),會(huì)重新載入整個(gè)頁面,這必須下載器通信,Web站點(diǎn)看起來是即時(shí)響應(yīng)的。所有的Ajax應(yīng)用32K的數(shù)據(jù)。如果使用Ajax計(jì)箅新的總量,服務(wù)器只會(huì)返程序?qū)崿F(xiàn)了一種“豐富的”U——這是通過 Java Script操作回新的總量值因此所需的帶寬僅為原來的百分之一。HTML文檔對(duì)象模型并且經(jīng)由 Xml Http Request實(shí)現(xiàn)的精消除了每次用戶輸入時(shí)的頁面刷新。例如,在Ajax中,確定位的數(shù)據(jù)檢索來實(shí)現(xiàn)的。典型的示例Ajax應(yīng)用程序是如果用戶在分頁列表上單擊Next,則服務(wù)器數(shù)據(jù)只刷新列GoogleLabs(htp://labs,google.com)的GoogleMaps和表而不是整個(gè)頁面。Google Suggest。這些應(yīng)用程序現(xiàn)場(chǎng)監(jiān)視用戶輸人井且提供直接編輯表格數(shù)據(jù),而不是要求用戶導(dǎo)航到新的頁面實(shí)時(shí)的頁面更新。最重要的是,在用戶通過地圖導(dǎo)航或輸入來編輯數(shù)據(jù)。對(duì)于Ajax,當(dāng)用戶單擊Edt時(shí),可以將靜態(tài)表一個(gè)查找字符串的同時(shí),這些事件不需要刷新頁面。格刷新為內(nèi)容可編輯的表格。用戶單擊Done之后,就可以一、Ajax的工作原理發(fā)出一個(gè)Ajax請(qǐng)求來更新服務(wù)器,并刷新表格,使其包含Ajux的核心是 Java Script對(duì)象 Xml Http Request。該對(duì)靜態(tài)、只讀的數(shù)據(jù)。象在 Intemet Explorer5中首次引入,它是一種支持異步請(qǐng)求二、AAX與傳統(tǒng)應(yīng)用程序的區(qū)別的技術(shù)。簡而言之,Xml昢 p Request使您可以使用Java一個(gè)傳統(tǒng)Wb應(yīng)用程序模型實(shí)際上是一種基本的事Script向服務(wù)器提出請(qǐng)求并處理響應(yīng),而不阻塞用戶。件——用戶被迫提交表單以實(shí)現(xiàn)頁面交換。也就是說,表單一個(gè)Ajax交互從一個(gè)稱為 Xml Http Request的Java提交和1中國煤化工壞的情形一用戶[收稿日期]2007-11-22CNMHG作者簡介丨任紅霞(1974-),女,河南臺(tái)前縣人,濮陽職業(yè)技術(shù)學(xué)院講師,華中科技大學(xué)軟件工程學(xué)院2005綴碩士研究生。主要研究方向:計(jì)算機(jī)應(yīng)用。需要再次點(diǎn)擊。這與Ajax截然不同—數(shù)據(jù)跨過線路而不有下列優(yōu)點(diǎn)是完整的HTML頁面?zhèn)鬏敗＿@種數(shù)據(jù)交換是經(jīng)由特定的瀏1.用戶體驗(yàn)更為豐富。例如,當(dāng)一個(gè) Google地圖用戶覽器對(duì)象 Xml Http Request實(shí)現(xiàn)的,再由適當(dāng)?shù)倪壿媮硖幯匾粋€(gè)方向拖動(dòng)地圖時(shí),系統(tǒng)就會(huì)在后臺(tái)向服務(wù)器發(fā)出理每個(gè)數(shù)據(jù)請(qǐng)求的結(jié)果,頁面的特定區(qū)域而不是完整的頁個(gè)異步請(qǐng)求,結(jié)果是他能夠在超出屏幕邊界后繼續(xù)拖動(dòng)。這面被更新。結(jié)果是更快的速度、更少的擁擠和更好的信息傳樣,當(dāng)用戶進(jìn)一步拖動(dòng)地圖時(shí),新的圖像已經(jīng)可用了,這導(dǎo)送控制致一種響應(yīng)更快的感覺。傳統(tǒng)型" click- refresh"Web應(yīng)用程序強(qiáng)迫用戶中斷工2.既然跨越基于 Xml Http的到服務(wù)器的調(diào)用狀態(tài)并作過程而等待頁面的重裝。通過引入Ajax技術(shù),一個(gè)客戶沒有丟失,那么,Ajax應(yīng)用程序就可以避免每次都重新生成端腳本能夠異步地與服務(wù)器通話,而用戶仍能保持輸入數(shù)U界面據(jù)。除了對(duì)用戶透明之外,這樣的異步意味著服務(wù)器可以有3.更多的邏輯位于瀏覽器端,從而減少了到Web服務(wù)更多時(shí)間來處理請(qǐng)求。器的來回請(qǐng)求的數(shù)量,進(jìn)而全面改進(jìn)系統(tǒng)的潛力。傳統(tǒng)Web應(yīng)用程序把所有的處理代理到服務(wù)器并且換句話說,Ajax是在后臺(tái)與Web服務(wù)器交互的而又不強(qiáng)迫服務(wù)器進(jìn)行狀態(tài)管理。Ajax允許靈活劃分應(yīng)用程序邏引起整個(gè)頁面重載輯以及客戶和服務(wù)器之間的狀態(tài)管理。這就消除了一種在實(shí)際的Web開發(fā)中,很多人青睞用Ajax框架加分層click- refresh”依賴性并且提供更好的服務(wù)器可伸縮性。當(dāng)技術(shù),這種技術(shù)很有發(fā)展前景。Ajax框架分為基于服務(wù)器端該狀態(tài)存儲(chǔ)在客戶端,你就不必跨越服務(wù)器來維持會(huì)話或和客戶端兩種:服務(wù)器端框架常用的有 Sajax、JSON、DWR、保存/結(jié)束狀態(tài),其使用期限是由客戶端來定義的。Buffalo、Ajax.Net、 Atlas等;客戶端框架常用的有Dojo、Rico在傳統(tǒng)的Wb應(yīng)用中,復(fù)雜的代碼運(yùn)行在服務(wù)器上, Flash/ JavaScript集成庫、SACK、 RSLiteGoogleAJAXSTL這些地方,設(shè)計(jì)模式常常應(yīng)用在PHP、Java或NET代碼中。對(duì)于Ajax來說,我們需要考察如何在客戶端代碼中應(yīng)[參考文獻(xiàn)用相同的技術(shù)。1]克拉恩,帕斯卡雷洛,杰姆斯.Ajax實(shí)戰(zhàn)[M].北京:人個(gè)Ajax應(yīng)用程序和傳統(tǒng)型Web應(yīng)用程序之間的最民郵電出版社,2006大差別是,每次用戶交互不會(huì)導(dǎo)致每一個(gè)HITP請(qǐng)求都被[2]阿斯利森,舒塔,Ajax基礎(chǔ)教程[M]北京:人民郵電出之送到Web服務(wù)器;而是,用 Java Script實(shí)現(xiàn)的基于瀏覽器版社,2006的邏輯掌握著控制杈,之后再由該控制決定是局部處理請(qǐng)[3]弗萊. Javascript權(quán)威指南[M].北京:機(jī)械工業(yè)出版社求還是向服務(wù)器作異步調(diào)用。一旦到服務(wù)器的異步調(diào)用結(jié)2003束,客戶端邏輯立即適當(dāng)更新UI的相關(guān)部分。這種方式具第14頁)間斷二進(jìn)制形式為“1111.千個(gè)不同網(wǎng)絡(luò)合并成一個(gè)相同的網(wǎng)絡(luò),即具有相同的網(wǎng)絡(luò)l1100000000°或表示為“/20”。號(hào)。例如,將若干個(gè)C類的網(wǎng)絡(luò)合并為一個(gè)網(wǎng)絡(luò),這個(gè)合并④把這個(gè)數(shù)轉(zhuǎn)化為間斷十進(jìn)制形式為后的網(wǎng)絡(luò)就稱為超網(wǎng),這時(shí),可采用無類域間路由技術(shù)把多“255.255.240.0”。個(gè)網(wǎng)絡(luò)ID表項(xiàng)縮成一個(gè)表項(xiàng),對(duì)應(yīng)于分配給組織的所有C這個(gè)數(shù)就是該網(wǎng)絡(luò)的子網(wǎng)掩碼。類網(wǎng)絡(luò)ID。合并子網(wǎng)既有助于節(jié)約B類IP地址,又節(jié)省了在計(jì)算子網(wǎng)掩碼時(shí),我們要注意P地址中的保留地路由器的開銷。但應(yīng)注意,當(dāng)主機(jī)數(shù)目達(dá)到一定量后將極大址,即“0°”地址和廣播地址,它們是指主機(jī)地址或網(wǎng)絡(luò)地址降低以太網(wǎng)通訊性能,同時(shí)會(huì)帶來管理上的不便全為“0”或“1”時(shí)的IP地址,它們代表著本網(wǎng)絡(luò)地址和廣播五、設(shè)置子網(wǎng)掩碼應(yīng)注意的問題地址,一般是不能被計(jì)算在內(nèi)的。另外,要為網(wǎng)關(guān)和路由器可用的主機(jī)數(shù)減少了分配P地址。不但每個(gè)子網(wǎng)的可用主機(jī)數(shù)減少了(因其主機(jī)位少四、子網(wǎng)掩碼的應(yīng)用了),而且所有子網(wǎng)的可用主機(jī)總數(shù)相比劃分前也減少了,1.劃分子網(wǎng)(等長)主要因?yàn)橹鳈C(jī)地址或網(wǎng)絡(luò)地址(包括子網(wǎng)地址)全為“0”或子網(wǎng)規(guī)劃是網(wǎng)絡(luò)設(shè)計(jì)的重要內(nèi)容。劃分子網(wǎng)后,可融合“1”時(shí)的IP地址不能用。對(duì)于C類網(wǎng)絡(luò)更要注意這點(diǎn)。不同的網(wǎng)絡(luò)技術(shù),通過重定向路由來達(dá)到減輕網(wǎng)絡(luò)擁擠、提2.應(yīng)謹(jǐn)慎設(shè)置子網(wǎng)掩瑪高網(wǎng)絡(luò)性能的目的。一般可將不同的部門劃分成不同的子由于劃分子網(wǎng)數(shù)過多,可用主機(jī)數(shù)過少,可能會(huì)出現(xiàn)原網(wǎng),以便管理。同時(shí),劃分子網(wǎng)可提高子網(wǎng)的安全性,因?yàn)椴槐驹谕痪W(wǎng)段的主機(jī),變成在不同網(wǎng)段上,造成不能直接通同子網(wǎng)間經(jīng)過路由通信時(shí)可采取相應(yīng)的安全措施,對(duì)于要信的情況。害部門更應(yīng)如此。劃分子網(wǎng)就需設(shè)計(jì)子網(wǎng)掩碼,這也是子網(wǎng)3.不同子網(wǎng)間通信要經(jīng)過路由,增加了成本掩碼的最主要應(yīng)用之一。子網(wǎng)掩碼的功用是說明是否有子不同子網(wǎng)間不能直接通信,若通信必須經(jīng)過路由,這就網(wǎng)和最多的子網(wǎng)數(shù),同時(shí)也能確定一個(gè)子網(wǎng)的可用主機(jī)數(shù)。需要路由器路由器的價(jià)格通常是較高的因此增加了成本。2.變長子網(wǎng)劃分變長子網(wǎng)劃分是一種用變長子網(wǎng)掩碼來分配子網(wǎng)號(hào)的[參考文獻(xiàn)技術(shù)。但所有的子網(wǎng)號(hào)是惟一的,并能通過變長子網(wǎng)掩碼進(jìn)[l|鄭業(yè)內(nèi)部網(wǎng)絡(luò)子網(wǎng)掩碼與子網(wǎng)劃分[J]行區(qū)分。在已經(jīng)子網(wǎng)化的網(wǎng)絡(luò)1D中進(jìn)行子網(wǎng)劃分,變長子中國中國煤化工網(wǎng)劃分機(jī)制是必需的。變長子網(wǎng)掩碼的引入,有效地解決了[2周麗地址分配的浪費(fèi)問題,也使得網(wǎng)絡(luò)的劃分更靈活、合理CNMHG山西財(cái)經(jīng)大學(xué)學(xué)報(bào)3.合并子網(wǎng)[3]亓傳偉,等,計(jì)算機(jī)網(wǎng)絡(luò)實(shí)用技術(shù)[M].北京;國防工業(yè)前面講述的是利用子網(wǎng)掩碼劃分子網(wǎng),其實(shí)還可將若出版社,2007