利用AJAX技术提升Web应用性能的设计.pdfVIP

科技 探·索·争鸣 S科cience技Tech视nologyUViPsion - rr论坛 利用AJAX技术提升Web应用性能的设计 黄华峰 ，黄华林 2 (1．广州景联信息科技有限公司，广东 广州 510520；2．广东女子职业技术学院，广东 广州 511450) 摘【 要】随着Web应用技术的发展 ，Web应用系统的规模及复杂性也与 日俱增。传统的Web应用服务性能低下，用户体验欠佳的缺点日 益显露，可以采用AJAX技术对传统web应用进行改造升级。文中从AJAX技术的有关情况入手，分析了AJAX技术的工作流程和原理以及优 势．介绍了利用AJAX技术提升Web应用性能的方法。 【关键词】AJAX；Web应用；性能 AJAX，AsynchronousJavaS,criptandXML，就是异步 JavaS,cript及 的减少了冗余请求和响影对服务器造成的负担，又可以做到无须刷新 XML。AJAX并非一种新的编程语言，而是一种用于创建更好更快以及 整个页面就可以更新变化的部分．给用户带来流畅而友好的体验。 交互性更强的Web应用程序的技术 通过AJAX．设计人员可使用 2．2 无需客户端任何安装．即可被绝大多数主流浏览器所支持；可以 JavaScript的XMLHttpRequest对象来直接与服务器进行通信 通过 使数据和表现分离 ；平衡了前、后端的负载，原本数据大多由后端负责 XMLHttpRequest对象．JavaScript可以在不重载页面的情况下与Web 处理，借由AJAX让客户端分担些工作 ，减低了后端的负载。 服务器交换数据 2_3 AJAX技术不仅可以保障Web应用保留自己B／S结构的优点，也 AJAX在浏览器与web服务器之间使用异步方式传输数据 ．可以 具备C／S结构应用比较强大的功能和用户感受 AJAX可以进行实时 只向服务器请求页面中局部变化的数据 ．获得服务器返回的信息和数 数据验证。这使Web应用程序更接近于桌面应用程序。 据后只做页面的局部刷新．而不需要重载整个页面．通信数据量大大 3 利用AJAX技术提升Web应用性能的设计 减少．同时为用户提供非常棒的Web体验 AJAX是Web2．0时代的标志性技术，在AJAx中使用的Web标 3．1 Web服务于 AJAX技术相结合的应用设计 准已被良好定义，并被所有的主流浏览器支持。AJAx应用程序独立 一 般情况下．Web服务网站应用结构如图1所示。 于浏览器和平台．已经得到广泛的应用和支持。众多非AJAX技术的 传统Web应用也纷纷改造升级．投向AJAX阵营 1 AJAX原理及流程 AJAX是异步JavaScript及XML．而JavaSeript原本却是一种单线 程执行的脚本语言。JavaSeript的单线程表现在其任一函数都要从头 到尾逐句执行完毕之后，才会执行另一函数．对于浏览器来说．也就是 无法在渲染页面的同时执行代码。这样．界面的更新、鼠标事件的响应 处理、setTimeout计时器、setlnterval计时器等任务的执行都要先排队． 后依据队列先后顺序执行。这样一来 ，若有一段JavaSctipt代码执行时 间比较长，那么在这段代码执行期间任何界面渲染都会被阻塞．界面 事件处理也会停止响应。AJAX技术采用了JavaScript的异步编程模 式 ，能够将代码的运行打散或者让 IO调用在后台运行．这样能让界面 图1 未引入AJAX技术的Web服务应用模型 更新和其他事件处理能够及时地进行 JavaScript的异步编程模式可以利用异步 10让 UI运行更加流 畅，比如AJAX通过XMLHTYPRequest的异步通信获取服务器数据． 在接收服务器回应后再更新界面．在异步获取数据的时候不会阻碍 uI的更新。目前．在众多HTML5设备API的设计中都充分采用了异 步编程模式。 AJAX技术的核心之一是xMLHttpRequest对象．这是一种可以支 持异步请求的技术。换句话来说