1 引言 XMLHttpRequest负责将用户信息以异步通信的方式

随着网络技术的快速发展 ,用户需要通过 Web频 发送到服务器端,并接收服务器返回的响应信息和数据。

繁地从数据库中获取信息。如果获取的数据量较大, 51JavaScript

就需要分页显示从数据库中读取出来的数据,这样可 JavaScript是一种脚本语言,将HTML与DOM、xM—

极大方便用户查询数据。因此,分页显示是Web应用 LHMpRequest等对象联系起来,作为它们之间沟通的渠

程序的一个重要功能。传统的Web应用程序采用同 道。在Alax中JavaScdpt主要被用来传递用户界面上

步交互过程,分页显示数据时需要刷新整个页面,存在 的数据到服务端并返回结果。

等待时间长,显示位置出现空白等缺陷。而采用Ajax 2.2Aiax工作原理

(AsynchronousJavascriptandXML)技术的分页方法, Ajax工作原理如图1所示,用户在与浏览器的交

无需刷新整个页面,响应时间短,大大改善了传统分页 互过程中,通过 JavaScript技术能捕获到用户在客户

显示方法。 端产生的事件,然后由JavaScript创建和配置一个XM—

LHflpRequest对象,并通过该对象异步地把请求发送到

2 Ajax简介 服务器端 ,这时,用户可以继续进行其它的操作,而

2.1Alax主要技术 不必去等待服务器的响应。服务器端在接收到请求

Alax是多种技术的综合,其包含的主要技术如下 : 后 ,通过服务器端程序处理请求并把结果返回,返回的

1)XHTML和 cSS 结果被 XMLHffpReque~对象捕获到并返回给 JavaS—

XHTML和 CSS用于实现客户端标准化的界面表 cript,再由JavoScript在回调函数中通过 D‘OM 对页面

示。CSs提供了从 内容中分离应用样式和设计的机 中的HTML元素的操作 ,实现丰富友好的界面和交互。

制。XHTML是一种用XML重写HTML的标记语言。 传统的Web应用程序采用同步交互过程,在交互

2)DOM(DocumentObledMode1) 过程中存在处理一等待一处理一等待的缺陷 。与传

DOM(文档对象模型)是表示文档 (比如 HTML和 统的Web应用程序相比,Aiax采用异步交互过程。

XML)和访问、操作构成文档各种元素的应用程序接口 Ajax通过调用XmlHttpReque~对象实现与服务器的异

(API),JavaScript通过DOM来解析 XML文档。 步通讯 ,相当于在用户和服务器之间加了一个中间层 ,

3)XML和 xSLT 使用户操作与服务器响应异步化,并不是所有的用户

XML作为数据传输的媒介 ,是服务器