ajax，即"asynchronous javascript and xml"的缩写，可翻译为异步javascript及xml技术。其核心是一个寄宿在浏览器中名为xmlhttprequest的类。通过此类，可以做到无需提交表单就可以实现与服务器的连接;无需刷新整个页面，就可以动态更新页面中一部分的内容。

　　ajax，即"asynchronous javascript and xml"的缩写，可翻译为异步javascript及xml技术。其核心是一个寄宿在浏览器中名为xmlhttprequest的类。通过此类，可以做到无需提交表单就可以实现与服务器的连接;无需刷新整个页面，就可以动态更新页面中一部分的内容。xmlhttprequest通常使用xml作为数据交换的载体，但也可使用其他的载体，如纯文本。简单来说，就是通过xmlhttprequest发送信息给服务器，异步接收服务器处理并返回信息，然后通过javascript动态更新页面的部分内容。

　　尽管ajax近来非常火爆，但ajax并非新的技术，正如其名所示，只不过是javascript加上xml的技术罢了。而且使用上非常简单。

　　应用ajax的流程:

• 　　1、定义一个事件处理器
• 　　2、获取xmlhttprequest，并将事件处理器注册给它
• 　　3、与服务器连接
• 　　4、发送信息
• 　　5、服务器返回处理完毕的信息
• 　　6、每当xmlhttprequest的状态发生变化，自动触发事件处理器
• 　　7、事件处理器动态更新页面

　　本文通过一个简单的例子来说明如何在ie6中使用ajax技术。在这例子中，客户端每隔十秒，从服务器端取回一个随机的字符串，在不重新刷新页情况下，自动更新部分页面内容。例子仅用到了两个jsp文件，client.jsp及server.jsp。为了方便说明，我用server.jsp来代替本应作为servlet的server.java。

　　先看client.jsp内容:

　　加载页面时，将调用javascript的getgiftfromserver()函数，此函数完成了上面所提的应用ajax的流程中第1至第4步，同时设定了一个每隔十秒自动调用此函数的定时器。而showgift()函数完成所提流程中的第5至第7步。下面详细说明每一步骤。

　　1、定义事件处理器，此处理器将在服务器端返回数据时自动被触发执行。

　　因为我们这里使用异步，readystate属性用来判断服务器返回信息的状态。其值是一个从0至4的整数，对应于:

• 　　0:对象已创建，但未初始化(未调用open()方法)
• 　　1:对象已创建，但未调用send()方法
• 　　2:已调用send()方法，但status及headers还未可用
• 　　3:已经传回部分数据，但status及headers还未完全可用
• 　　4:已经收到所有数据，可使用所有数据

　　2、获取xmlhttprequest，并将事件处理器注册给它

　　注意:要使用xmlhttprequest，需要ie5.0以上的版本。

　　2.1 取得xmlhttprequest

　　在ie7.0之前获得xmlhttprequest，使用如下代码:

　　而在ie7.0中:

　　2.2 注册事件处理器

　　showgift为传入的方法名，每当xmlhttprequest的状态发生改变时，将执行此方法

　　3. 与服务器连接并发送

　　其方法签名如下:

　　其中:

• 　　bstrmethod: 连接方式，可用的有get, post, put, or propfind
• 　　bstrurl: 服务器的url
• 　　varasync(可选): 调用是否异步，默认为true(调用立即返回)
• 　　bstruser(可选):用户名，如果url需要验证时附上
• 　　bstrpassword(可选):密码，如果url需要验证时附上

　　open()方法可以直接打开一个xml文档，并通过xmlhttp的responsexml来读取相应的节点。如下例:

　　4、发送信息

　　其方法签名如下:

　　varbody(可选): 可为字符串或xml等数据，可以为null。无返回值

　　此方法在open()设为异步时，立即返回;在open()设为同步时，必须等到reponse对象从服务器中返回时才返回。

　　5、服务器返回处理完毕的信息

　　此时，该是服务器端工作了，server.jsp的代码如下:

<%

　　string[] str = new string[] {"love", "power", "peace"};

　　int number = new java.util.random().nextint(2+1);

　　response.getwriter().write(str[number]);

　　%>

　　从三个字符串中随机挑选一个写入到response中，返回客户端。

　　6、客户端自动探知xmlhttprequest的状态已经发生变化，自动触发事件处理器

　　7、事件处理器动态更新页面

　　处理器读取xmlhttp.responsetext的值，并通过javascript动态更新