尽管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内容:
|
<%@page contentType="text/html"%> "http://www.w3.org/TR/html4/loose.dtd">
|
加载页面时,将调用JavaScript的getGiftFromServer()函数,此函数完成了上面所提的应用AJAX的流程中第1至第4步,同时设定了一个每隔十秒自动调用此函数的定时器。而showGift()函数完成所提流程中的第5至第7步。下面详细说明每一步骤。