基于A(yíng)jax的Web應用

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