基于Ajax的Web应用

第21卷第3期濮阳职业技术学院学报Vol 21 No. 32008年8月Jourmal of Puyang Vocational and Technical CollegeAug.2008基于Ajax的Web应用任红霞(华中科技大学软件工程学院湖北武汉430074)摘要]不需要刷新,就能得到更新,把鼠标移到一个地方不用单击就能得到你所要的信息,这是我们希望的。传統的Web技术是不能实现的,而基于Ajαx的Web就能做到。本文阐逑了Ajax的技术、Ajax的工作原理及其相对于传统wb技术的优点。[关键词]Ajax;Web;客户端脚本[中图分类号]TP393.07[文献标识码]A[文章编号]1672-9161(2008)03-0016Web应用程序是最新的潮流,它们提供了在桌面上不 Script对象开始。如同名字所暗示的,它允许一个客户端脚能实现的服务(比如Amazon.com和eBay)。但是,伴随着本来执行HTTP请求,井且将会解析一个XML格式的服务web的强大而出现的是等待,等待服务器响应、等待屏幕刷器响应。Ajax处理过程中的第一步是创建一个 Xml Http新、等待请求返回和生成新的页面。为解决这个问题,人们 Request实例。使用HTP方法(GET或POST)来处理请求提出了基于Ajax的Web应用并将目标URL设置到 Xml Http Request对象上。Ajax( Asynchronous Java Scriptand XML)是时下流行的现在,记住Ajax如何首先处于异步处理状态?当你发一种web界面设计新思路,它结合了Java技术、XML以及送 Http请求,你不希望浏览器挂起并等待服务器的响应Java Script等编程技术,可以让开发人员构建基于Java技术取而代之的是,你希望通过页面继续响应用户的界面交互,的Web应用,并打破了使用页面重载的惯例。其核心思想并在服务器响应真正到达后处理它们。要完成它,你可以向是从浏览器界面通过XMLH与服务器端直接交互。这 Xml Http Request注册一个回调函数,并异步地派发XML样,Wb页面不用打断交互流程进行重新加载,就可以动态 Http Request请求。控制权马上就被返回到浏览器,当服务地更新。使用Ajax,用户可以创建接近本地桌面应用的直器响应到达时,回调函数将会被调用接高可用、更丰富、更动态的Wb用户界面。在 Java Web服务器上,到达的请求与任何其它Htp在Ajax之前,Web站点强制用户进入提交/等待/重新 Servlet Request一样。在解析请求参数后, servlet执行必需的显示范例,用户的动作总是与服务器的“思考时间”同步。应用逻辑将响应序列化到XML中,并将它写回 Http ServletAjax提供与服务器异步通信的能力,从而使用户从请求/ Response。下面以购物车为例来说明使用Ajax的好处。响应的循环中解脱出来。借助于Ajax,可以在用户单击按钮动态更新购物车的物品总数,无需用户单击 Update并时,使用 Java Script和 DHTML立即更新UI,并向服务器发等待服务器重新发送整个页面出异步请求,以执行更新或查询数据库。当请求返回时,就提升站点的性能,这是通过减少从服务器下载的数据可以使用 Java Script和CSs来相应地更新Ul,而不是刷新量而实现的。例如,在 Amazon的购物车页面,当更新篮子中整个页面。最重要的是,用户甚至不知道浏览器正在与服务的一项物品的数量时,会重新载入整个页面,这必须下载器通信,Web站点看起来是即时响应的。所有的Ajax应用32K的数据。如果使用Ajax计箅新的总量,服务器只会返程序实现了一种“丰富的”U——这是通过 Java Script操作回新的总量值因此所需的带宽仅为原来的百分之一。HTML文档对象模型并且经由 Xml Http Request实现的精消除了每次用户输入时的页面刷新。例如,在Ajax中,确定位的数据检索来实现的。典型的示例Ajax应用程序是如果用户在分页列表上单击Next,则服务器数据只刷新列GoogleLabs(htp://labs,google.com)的GoogleMaps和表而不是整个页面。Google Suggest。这些应用程序现场监视用户输人井且提供直接编辑表格数据,而不是要求用户导航到新的页面实时的页面更新。最重要的是,在用户通过地图导航或输入来编辑数据。对于Ajax,当用户单击Edt时,可以将静态表一个查找字符串的同时,这些事件不需要刷新页面。格刷新为内容可编辑的表格。用户单击Done之后,就可以一、Ajax的工作原理发出一个Ajax请求来更新服务器,并刷新表格,使其包含Ajux的核心是 Java Script对象 Xml Http Request。该对静态、只读的数据。象在 Intemet Explorer5中首次引入,它是一种支持异步请求二、AAX与传统应用程序的区别的技术。简而言之,Xml昢 p Request使您可以使用Java一个传统Wb应用程序模型实际上是一种基本的事Script向服务器提出请求并处理响应,而不阻塞用户。件——用户被迫提交表单以实现页面交换。也就是说,表单一个Ajax交互从一个称为 Xml Http Request的Java提交和1中国煤化工坏的情形一用户[收稿日期]2007-11-22CNMHG作者简介丨任红霞(1974-),女,河南台前县人,濮阳职业技术学院讲师,华中科技大学软件工程学院2005缀硕士研究生。主要研究方向:计算机应用。需要再次点击。这与Ajax截然不同—数据跨过线路而不有下列优点是完整的HTML页面传输。这种数据交换是经由特定的浏1.用户体验更为丰富。例如,当一个 Google地图用户览器对象 Xml Http Request实现的,再由适当的逻辑来处沿一个方向拖动地图时,系统就会在后台向服务器发出理每个数据请求的结果,页面的特定区域而不是完整的页个异步请求,结果是他能够在超出屏幕边界后继续拖动。这面被更新。结果是更快的速度、更少的拥挤和更好的信息传样,当用户进一步拖动地图时,新的图像已经可用了,这导送控制致一种响应更快的感觉。传统型" click- refresh"Web应用程序强迫用户中断工2.既然跨越基于 Xml Http的到服务器的调用状态并作过程而等待页面的重装。通过引入Ajax技术,一个客户没有丢失,那么,Ajax应用程序就可以避免每次都重新生成端脚本能够异步地与服务器通话,而用户仍能保持输入数U界面据。除了对用户透明之外,这样的异步意味着服务器可以有3.更多的逻辑位于浏览器端,从而减少了到Web服务更多时间来处理请求。器的来回请求的数量,进而全面改进系统的潜力。传统Web应用程序把所有的处理代理到服务器并且换句话说,Ajax是在后台与Web服务器交互的而又不强迫服务器进行状态管理。Ajax允许灵活划分应用程序逻引起整个页面重载輯以及客户和服务器之间的状态管理。这就消除了一种在实际的Web开发中,很多人青睐用Ajax框架加分层click- refresh”依赖性并且提供更好的服务器可伸缩性。当技术,这种技术很有发展前景。Ajax框架分为基于服务器端该状态存储在客户端,你就不必跨越服务器来维持会话或和客户端两种:服务器端框架常用的有 Sajax、JSON、DWR、保存/结束状态,其使用期限是由客户端来定义的。Buffalo、Ajax.Net、 Atlas等;客户端框架常用的有Dojo、Rico在传统的Wb应用中,复杂的代码运行在服务器上, Flash/ JavaScript集成库、SACK、 RSLiteGoogleAJAXSTL这些地方,设计模式常常应用在PHP、Java或NET代码中。对于Ajax来说,我们需要考察如何在客户端代码中应[参考文献用相同的技术。1]克拉恩,帕斯卡雷洛,杰姆斯.Ajax实战[M].北京:人个Ajax应用程序和传统型Web应用程序之间的最民邮电出版社,2006大差别是,每次用户交互不会导致每一个HITP请求都被[2]阿斯利森,舒塔,Ajax基础教程[M]北京:人民邮电出之送到Web服务器;而是,用 Java Script实现的基于浏览器版社,2006的逻辑掌握着控制杈,之后再由该控制决定是局部处理请[3]弗莱. Javascript权威指南[M].北京:机械工业出版社求还是向服务器作异步调用。一旦到服务器的异步调用结2003束,客户端逻辑立即适当更新UI的相关部分。这种方式具第14页)间断二进制形式为“1111.千个不同网络合并成一个相同的网络,即具有相同的网络l1100000000°或表示为“/20”。号。例如,将若干个C类的网络合并为一个网络,这个合并④把这个数转化为间断十进制形式为后的网络就称为超网,这时,可采用无类域间路由技术把多“255.255.240.0”。个网络ID表项缩成一个表项,对应于分配给组织的所有C这个数就是该网络的子网掩码。类网络ID。合并子网既有助于节约B类IP地址,又节省了在计算子网掩码时,我们要注意P地址中的保留地路由器的开销。但应注意,当主机数目达到一定量后将极大址,即“0°”地址和广播地址,它们是指主机地址或网络地址降低以太网通讯性能,同时会带来管理上的不便全为“0”或“1”时的IP地址,它们代表着本网络地址和广播五、设置子网掩码应注意的问题地址,一般是不能被计算在内的。另外,要为网关和路由器可用的主机数减少了分配P地址。不但每个子网的可用主机数减少了(因其主机位少四、子网掩码的应用了),而且所有子网的可用主机总数相比划分前也减少了,1.划分子网(等长)主要因为主机地址或网络地址(包括子网地址)全为“0”或子网规划是网络设计的重要内容。划分子网后,可融合“1”时的IP地址不能用。对于C类网络更要注意这点。不同的网络技术,通过重定向路由来达到减轻网络拥挤、提2.应谨慎设置子网掩玛高网络性能的目的。一般可将不同的部门划分成不同的子由于划分子网数过多,可用主机数过少,可能会出现原网,以便管理。同时,划分子网可提高子网的安全性,因为不本在同一网段的主机,变成在不同网段上,造成不能直接通同子网间经过路由通信时可采取相应的安全措施,对于要信的情况。害部门更应如此。划分子网就需设计子网掩码,这也是子网3.不同子网间通信要经过路由,增加了成本掩码的最主要应用之一。子网掩码的功用是说明是否有子不同子网间不能直接通信,若通信必须经过路由,这就网和最多的子网数,同时也能确定一个子网的可用主机数。需要路由器路由器的价格通常是较高的因此增加了成本。2.变长子网划分变长子网划分是一种用变长子网掩码来分配子网号的[参考文献技术。但所有的子网号是惟一的,并能通过变长子网掩码进[l|郑业内部网络子网掩码与子网划分[J]行区分。在已经子网化的网络1D中进行子网划分,变长子中国中国煤化工网划分机制是必需的。变长子网掩码的引入,有效地解决了[2周丽地址分配的浪费问题,也使得网络的划分更灵活、合理CNMHG山西财经大学学报3.合并子网[3]亓传伟,等,计算机网络实用技术[M].北京;国防工业前面讲述的是利用子网掩码划分子网,其实还可将若出版社,2007