随着Web应用的高速发展,传统的Web应用程序已经渐渐不能满足Web浏览者更高的、全方位的体验要求,具高度互动性和丰富用户体验的网络应用程序要求Web服务器能够快速的响应用户的请求,Ajax技术的应用是一种很便捷的解决方法.文章介绍了Ajax的基本原理并通过在一个实例给出了Ajax的具体应用方法,同时对Ajax的技术发展做出了一些展望.

第24卷第5期（2008）河西学院学报Vol.24No.5（2008）

Ajax技

周术及其应用研究渊1张怡2

（1．兰州交通大学电子与信息工程学院，甘肃兰州730070；

2．兰州工业高等专科学校软件工程系，甘肃兰州730050）

摘要：随着Web应用的高速发展，传统的Web应用程序已经渐渐不能满足Web浏览者更高的、全方位的

体验要求，具高度互动性和丰富用户体验的网络应用程序要求Web服务器能够快速的响应用户的请求，Ajax技术的应用是一种很便捷的解决方法．文章介绍了Ajax的基本原理并通过在一个实例给出了Ajax的具体应用方法，同时对Ajax的技术发展做出了一些展望．

关键词：Ajax；XMLHttpRequest；网站交互方式；异步交互；RIA

中图分类号：TP393.03

1引言

随着Web应用的高速发展，传统的Web应用程序已经渐渐不能满足Web浏览者更高的、全方位的体验要求了，此时一种被称为RichInternetApplication（RIA丰富互联网应用程序)的具高度互动性和丰富用户体验的网络应用程序出现了．RIA的提出，为Web应用指明了一个方向，“Rich”代表功能强大、强交互性与高用户体验．RIA实际上是一种基于Web的C/S架构．综合了B/S模式和C/S模式的优点，所以RIA既可以提供强大的功能，让用户体验到强交互性，高用户体验，又是基于Internet浏览器的应用，所以，用户使用RIA非常方便．而Ajax则是一种目前得到广泛认可的RIA技术．

AJAX（AsynchronousJavaScript+XML）并不是一种新技术，它实际上是几种已经在各自领域大行其道技术的强强结合．AJAX由以下内容组成：

（1）基于标准化的XHTML和CSS；

（2）通过DOM（DocumentObjectModel）实现动态显示和交互；

（3）通过XML和XSLT进行数据交换和处理；

（4）使用XMLHttpRequest通过异步方式获取数据；

（5）使用JavaScript整合以上所有的技术．

2AJAX原理与传统Web应用对比

传统的Web应用模型工作起来大部分界面上的用户动作触发一个连接到Web服务器的HTTP请求，服务器将完成接收数据，处理计算，再访问其它的数据库系统，最后返回一个HTML页面到客户端．这种交互方式浪费了许多带宽，因为在客户端提交的页面和服务端处理后返回的页面中，大部分HTML代码往往是相同的，所不同的只是小部分的内容，但每次服务器都会生成所有的页面再返回给客户端，这样不管是对于用户的时间、带宽、CPU耗用，还是对于ISP的高价租用的带宽和空间来说无形是一种浪费，由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间，这导致了用户界面的响应比本地应用慢得多．而传统的Web应用通讯方式在用户浏览信息，输入数据的这个过程服务器是空闲的，因此，通过在用户和服务器之间引入一个Ajax引擎，可以消除Web的“开始-停止-开始-停止”这样的交互过程．Ajax引擎允许用异步的方式实现用户与程序的交互，不用等待服务器的通讯，所以用户再不用打开一个空白窗口，等待服务器完成后再响应．这样，Web页面不用打断交互流程进行重新加载，就可以动态的更新．———————————————

收稿日期：2008-03-03

作者简介：周渊（1980—），男，甘肃张掖人，助教，主要从事计算机基础的教学与研究工作．[1]文献标识码：A文章编号：1672－0520（2008）05－0076－04

-76-