资源描述：
《ajax技术及其在b_s系统中的应用new》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、2008年第5期安徽电子信息职业技术学院学报No.52008第7卷(总第38期)JOURNALOFANHUIVOCATIONALCOLLEGEOFELECTRONICS&INFORMATIONTECHNOLOGYGeneralNo.38Vol.7[文章编号]1671-802X(2008)05-0024-02Ajax技术及其在B/S系统中的应用张希奇(中国电子科技集团公司第41研究所,安徽蚌埠233000)[摘要]随着Internet技术的兴起,B/S系统以其易于部署、管理和维护的优点而得到广泛应用,但与C/S系统的灵活性相比还存在较大的差
2、距,本文介绍了一种新的基于B/S结构的程序开发技术——Ajax,该技术通过综合JavaScript、DOM、XML、HttpRequest等多种技术,形成一种新的设计方式,实现了用户和服务器之间的异步通信,成功构建了更为动态和响应更灵敏的Web应用程序,极大的改善了用户的体验,并通过一个在ASP系统中的具体实践给出了Ajax的具体应用方法。[关键词]B/S;Ajax;HttpRequest;web应用;异步通信[中图分类号]TP311.1[文献标识码]B1.引言象Ajax可以像桌面应用程序一样只同服务器进行数据层B/S结构,即Browse
3、r/Server(浏览器/服务器)结构,是面的交换,而不用每次都刷新界面。随着Internet技术的兴起,对C/S结构的一种变化或者改2.2JavaScript进的结构。在这种结构下,用户界面完全通过WWW浏览JavaScript是一种基于对象和事件驱动并具有安全器实现,无需开发客户端软件,在维护时,用户只需更改性能的脚本语言,具有交互性、简单性和动态性等特点。服务器端的代码即可,易于管理和维护,在企业信息管理其在Ajax应用程序中,将HTML、DOM和XMLHttpRe-系统中有着广泛的应用,但B/S系统在应用中面临着一quest对象联
4、系起来,成为它们之间沟通的渠道。Ajax利些问题:用JavaScript的特性实现Web应用程序对用户行为触发●为了在页面上刷新显示一个服务端的变量,必须的实时响应和处理。重新加载整个页面,新提供的信息和用户等待的时间不2.3D0M(DocumentObjectModel,文档对象模型)成比例,网络缓慢时用户难以忍受;D0M是表示文档(比如HTML和XML)和访问、操作●由于程序对网页的几乎所有操作都需要重新发构成文档的各种元素的应用程序接口(API),一种基于树送整个页面的数据,所以很浪费网络流量;型的解析技术,其本质是建立网页与Scr
5、ipt或程序语言沟●提交表单后,用户点击刷新按钮,浏览器提示“无通的桥梁。脚本语言通过D0M才可以跟页面进行交互,法刷新此页除非重新发送数据”;通过此接口JavaScript可以以树形结构的方式遍历整个针对上面提到的这些问题,Ajax技术的应用为我们HTML/XHTML文档,获取文档节点对象,读取、修改文档提供了更好的解决方案。Ajax的工作原理相当于在用户节点的属性,并将这此节点的属性发送给服务器或者用和服务器之间加了一个中间层——Ajax引擎,使用户的服务器返回的数据更新节点属性值,从而更改文档的内请求与服务器响应异步化,并非所用的数
6、据处理都交由容。服务器,部分数据或校验由Ajax引擎处理,当需要向服一个用HTML或XHTML构建的网页就可以看作是务器读数据时.才向服务器发送请求。这样在整个过程中,一组结构化的数据,此数据被封在DOM中,DOM提供了只需要交换少量的数据。既减轻了服务器和网络的负担,网页中各个对象的读写的支持。又加快了响应速度,缩短了用户的等待时间。2.4XML(ExtensibleMarkupLanguage可扩展标识语言)2.Ajax技术实现原理XML是一套定义语义标记的规则,也是元标记语言,Ajax是Asynchronous、JavaScript
7、andXML的缩写。即定义了用于定义其他与特定领域有关的、语义的、结构Ajax概念的最早提出者JesseJamesGarrett认为:Ajax并化的标记语言的句法语言。使用XML可以规范的定义结不是一门新的语言或技术,它实际上是几项技术按一定构化数据,使网上传输的数据和文档符合统一的标准。用的方式组合在一起,在共同的协作中发挥各自的作用。它XML表述的数据和文档,可以很容易地让所有程序共享。包括:下图是引入Ajax的Web应用模型,从图中可以看出2.1XMLHttpRequest对象Ajax引擎实际上是一个比较复杂的JavaScript应
8、用程序JavaScript对象XMLHttpRequest是Ajax的核心,(通常隐藏在frame中)用来处理用户请求。然后根据需要XMLHttpRequest是XMLHTTP组件的对象。通过
