AJAX技术概述及性能改进研究.docVIP

2008年工程硕士高技术报告作业 AJAX技术概述及性能改进研究 学院：计算机与软件学院 学号： 姓名： 鲍嘉鑫 AJAX技术概述及性能改进研究 1　 Ajax的技术概述 Ajax全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。Ajax这个名词的首次出现是在2005年2月18日美国一位叫做杰西·詹姆斯·加勒特(Jesse James Garrett)发表的一篇题为《Ajax一个Web应用的新途径》的论文中。文章认为Ajax不是一种技术。实际上,它由几种蓬勃发展的技术以新的强大方式组合而成。 以AJAX技术为特征的WEB程序是一种富客户WEB程序,它以XMLHttpRequest为技术基础,采用Javascript等脚本语言结合XML、CSS、DOM模型等技术为用户提供桌面应用程序的使用体验,为Web商业应用软件提供了解决方案。 这是一种新兴的网络技术,我们对其性能尤为关注。因此,本文拟对AJAX技术的性能作些探讨。首先,对网页通信的基本原理做简单分析,然后通过与传统模式的比较看其优缺点,最后提出一些性能改善建议。 2　AJAX技术的产生 我们知道,浏览器是建立在TCP/IP和HTTP协议上的,其基本数据内容是HTML格式数据,还可以包含脚本程序和样式文件等内容。HTTP协议是建立在TCP/IP上的应用协议,是一种无状态的、基于对象的“请求-响应”通信机制,所以也是一种客户/服务器(C/S)体系结构。但是,与传统C/S不同,浏览器与服务器之间没有固定连接,而是当请求数据时才建立连接,请求完成后连接也关闭,即每次请求过程包含“建立连接→请求→响应→断开连接”四个步骤;另一方面,浏览器没有固定的服务器,它请求连接的服务器是随机、动态的。 传统的Web程序正是根据以上两点建立起来的,人们称之为页面刷新模式。其特点是每次均通过链接或表单提交一个页面资源请求,服务器处理后返回一个新的、完整的页面,浏览器再将页面构造并显示。这是一种同步传输方式,而脚本程序只能对已经显示的页面进行一些处理功能,不能控制数据的通信。这种技术产生的效果是:每次用户提交请求后,页面要等待数据传输完成,然后重新刷新,程序的显示效果不好,难以达到类似桌面应用程序的效果。以XMLHttpRequest技术为基础的AJAX克服了同步传输和以页面资源为请求对象的技术难题,为实现类桌面应用程序提供了解决方案。 根据分析,我们制作了两种模式的体系图,其中图1是传统模式浏览器程序体系逻辑结构,图2是AJAX模式的体系逻辑结构。如图所示,AJAX模式与传统模式相比较,在HTML页面显示处理与HTTP协议层之间多加了一个XMLHTTP处理层。该层提供了一个脚本程序与服务器直接进行HTTP通讯的通道,并提供同步与异步两种通讯方式。浏览器脚本程序如Javascript可以直接访问该接口,这样就可以为程序员提供直接的数据操纵能力而不再局限于页面。而异步方式的功能使得我们有能力以更稳定的方式显示信息。 XMLHttpRequest为AJAX提供了通信基础,而Javascript的面向对象编程和DOM模型、CSS等则为AJAX提供了开发平台。正是Javascript prototype类库的创建开启了AJAX的康庄大道。 通过AJAX技术结合服务器,我们可以实现丰富多彩的功能,如同步和异步传输、页面静态刷新、请求返回的可以是不带格式的纯数据、数据的递增式抽取与显示等。下一节对两种模式的性能进行比较。 3　AJAX性能分析 AJAX的优点体现在与页面刷新模式的比较上,所以我们首先对他们作一比较。如上一节所述,AJAX模式与传统页面刷新模式在通讯上是一致的,都是通过HTTP协议完成的,这就决定了AJAX也是一种一次“请求-响应”对应一个连接的连接不保持方式。因为通信协议一样,所以其通信速度也是一样的。这也说明AJAX技术并没有改变网页程序的本质,而只是在数据显示流程方法上作了改进:服务器响应数据不是直接由浏览器解释显示,而是先由脚本程序处理,然后再显示。 虽然AJAX同页面刷新模式具有相同的网络传输速度,但由于AJAX提供了异步传输和脚本处理能力而使其大大节省了数据传输量,缩短了一次性等待时间。WebP发布的一份Web开发中传统的页面刷新模式 vs AJAX模式的性能测试结果显示,AJAX模式程序比传统的页面刷新模式可节省60%以上的带宽。 另一方面,AJAX也存在一些不足之处,主要表现在:脚本程序变大、同步传输方式有阻塞。 因为数据的显示等处理更多地依赖于脚本程序,程序代码自然就会变大,而脚本程序不是本地程序,需要从服务器加载到浏览器上,所以