JAVA AJAX教程第三章—AJAX详细讲解

JAVA AJAX教程第三章—AJAX详细讲解2011-01-11 51cto博客 jackieban现在开始深入AJAX，这里还是按老思路，理论和实践相结合。这章的内容主要是讲解AJAX步骤详解，下一张将会用一个AJAX技术实现页面提示效果的实例来说明AJAX的实现。

一、AJAX步骤详解

AJAX实质上是遵循Request/Server模式来进行工作的，这个框架基本的流程包括下面几个具体的步骤：

（1）XMLHttpRequest对象初始化

（2）发送请求

（3）服务器接收请求并进行处理

（4）服务器返回响应数据

（5）客户端接收

（6）依据响应数据修改客户端页面内容

整个过程中的通信交互方式都是异步的。下面根据具体步骤讲解AJAX的核心工作机制：

1、初始化并创建XMLHttpRequest对象并发出XMLHttpRequest请求

为了让JAVASCRIPT可以向服务器发送HTTP请求，必须使用XMLHttpRequest对象。使用之前，要先将 XMLHttpRequest对象实例化。各个浏览器对这个实例化过程实现不公。IE浏览器以AcitiveX控件的形式提供，而Mozilla浏览器等浏览器则直接以XMLHttpRequest类的形式提供。所以在第一章为了编写的程序可以跨浏览器运行，这样写：

if（window.XMLHttpRequest）{
        XMLHttpReq = new XMLHttpRequest（）;
     }else if（window.ActiveXObject）{
        try{
            XMLHttpReq = new ActiveXObject（"MSXML2.XMLHTTP"）;
        }catch（e）{
            try{
               XMLHttpReq = new ActiveXObject（"Mircsoft.XMLHTTP"）;
            }catch（e1）{}
        }
     }

另外，有些Mozilla浏览器处理服务器信息未包含XML mime-type头部信息的返回内容时会出错。因此，要确保返回的内容包含text/xml信息：

XMLHttpRequest = new XMLHttpRequest（）;
XMLHttpRequest.overrideMimeType（“text/xml”）;

2、指定响应处理函数

下来要指定当前服务器返回信息时客户端的处理方式，只要将相应的处理函数名称赋给XMLHttpRequest对象的onreadystatechange属性就可以了。比如：

XMLHttpRequest.onreadystatechange = processResponse;

需要注意，这个函数名不加括号，不指定参数。也可以用JAVASCRIPT即时定义函数的方式定义相应函数。比如：

XMLHttpRequest.onreadystatechange = function （） { };