© 1994-2009 China Academic Journal Electronic Publishing House. All rights reserved. http://www.cnki.net收稿日期:2005209229;修返日期:2005211218基金项目:国家“863”计划资助项目(2001AA113182);陕西省科技攻关计划资助项目(2002K062G5)基于AJAX 的W eb 无刷新页面快速更新数据方法3吕林涛,万经华,周红芳(西安理工大学计算机科学与工程学院,陕西西安710048)摘 要:针对B /S 应用中的W eb 服务器与浏览器间频繁操作导致W eb 应用执行速度慢的问题,提出了一种基于AJAX 的W eb 无刷新页面更新数据的方法。关键词:AJAX;X MLH tt pRequest;异步交互中图法分类号:TP311 文献标识码:A 文章编号:100123695(2006)1120199202Research of Not Refurbishing and Updating Data Method in AJAX Web Applicati onLV L in 2tao,WAN J ing 2hua,ZHOU Hong 2fang(Institute of Co m puter Science &Engineering,X i ’an U niversity of Technology,X i ’an Shanxi 710048,China )Abstract:I n vie w of the sl ow s peed arising fr om frequent interacti ons bet w een W eb server and the br owser,an updating me 2thod without refreshing W eb pages based on AJAX is p r oposed .Key words:AJAX;X MLH tt pRequest;I nteract A synchr onously 在传统的交互方式中,由用户触发一个HTTP 请求到服务器,服务器对其进行处理后再返回一个新的HT ML 页到客户端,每当服务器处理客户端提交的请求时,客户只能空闲等待。即使从服务器端得到很简单的一个数据,都要返回一个完整的HT ML 页,而用户每次要浪费时间和带宽去重新读取整个页面,从而降低了W eb 应用的执行速度。针对这一缺点,本文提出一种W eb 无刷新页面更新数据方法是十分必要的。1 传统的W eb 应用模型传统的W eb 应用模型工作原理是,大部分界面上的用户动作触发一个连接到W eb 服务器的HTTP 请求,服务器完成一些处理,如接收数据、处理计算等,再访问其他数据库系统,最后返回一个HT ML 页面到客户端,如图1所示。在传统的W eb 应用模型中,W eb 服务器为了服务更多的客户,对客户浏览器的响应是无状态的,即请求服务的浏览器服务后,一般情况下W eb 服务器上不再存放客户的相关信息,因为保存客户信息有可能严重影响W eb 服务器的工作效率。例如在ASP .NET 页面中建立的Sessi on 变量,是在W eb 服务器内为不同客户端建立的全程对象,它的使用会占据W eb 服务器的内存,用户越多占据得越多,Sessi on 的处理也要占据服务器的时间,因此一般不提倡使用。相对较好的维护客户信息的方式是通过网页的隐藏字段提交给W eb 服务器。然而W eb 服务器不为客户保存信息的工作方式在能为更多客户提供服务的同时也导致了另外的问题:如果一个浏览器需要向W eb 服务器提出一系列相互有关联的请求,由于服务器不适合存放浏览器的状态信息,浏览器每次请求都不得不向W eb 服务器发送自身的状态信息,W eb 服务器每次响应均作为一个新的请求处理,如果涉及数据库处理,W eb 服务器每次都得向数据库提出查询请求。数据库查询结果的分页显示就是一个典型的例子,由于缺乏X ML 协议以及I E 浏览器对它的支持,W eb 服务器向浏览器传递的数据只能是以单纯的HT ML 页面的形式传递,为了将同一查询结果放在不同的页面上,必须将结果分为几个不同查询来对待,不同的页面信息由隐藏字段随页面传给W eb 服务器。该方法具有以下缺点:①同样的数据反复地在网络上传输;②同样的数据查询要重复地在数据库中进行;③W eb 服务器要反复参与分页运算。2 AJAX 的W eb 应用模型211 AJAX 主要技术特征AJAX (A synchr onous Javascri p t +X ML )是多种技术的整合,其主要技术特征是:①应用XHT ML 和CSS 标准化;②使用DOM 实现动态显示和交互;③采用X ML 和XS LT 进行数据交换与处理;④用X MLH tt pRequest 实现异步数据读取;⑤用JavaScri p t 绑定和处理所有数据。212 AJAX 的优势(1)减轻了服务器的负担。因为AJAX 技术是按需取数据,所以最大可能地减少了冗余请求和响应对服务器造成的负担。(2)无刷新更新页面,减少用户的等待时间。通过对传统W eb 应用模型及组成技术分析,提出基于AJAX 的无刷新页面的W eb 应用模型,如图2所示。在图2中,用户和服务器之间增加了一个中间层,使用户・991・第11期吕林涛等:基于AJAX 的W eb 无刷新页面快速更新数据方法
本文来源：https://www.2haoxitong.net/k/doc/810348225901020207409cc5.html
