在web应用中，我们常常因为服务器访问频繁或者网络传输问题，需要长时间等待网页响应，造成很不流畅的用户体验。为了解决这一困顿，我们引入了AJAX技术。

AJAX开发：

步骤一：在IE中实例化Msxml2.XMLHTTP对象

var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

不同浏览器有不同的内置xmlhttp对象，该对象可以实现异步请求和响应。

步骤二：指定异步提交的目标和提交方式，调用xmlHTTP的open方法

xmlHttp.open("GET", "info.jsp", true);

参数一指定打开方式，参数二指定目标位置url，参数三表示同意异步（最重要）。

步骤三：指定当xmlHTTP状态改变时，需要进行的处理

xmlHttp.onreadystatechange=function() {

}

处理通过响应函数实现。

xmlhttp状态有五个：

0.未初始化，对象已创建，未调用open（）；

1.已初始化状态，调用open（）后；

2.发送数据状态，调用send（）后；

3.数据传送中状态，已经接收数据，但是未曾接收完毕；

4.完成状态，数据全部接收完毕。

步骤四：编写处理代码

if (xmlHttp.readyState==4) {

infoDiv.innerHTML = xmlHttp.responseText;     //将id=infoDiv的div内部html代码全部替换

infoDiv.innerText = xmlHttp.responseText;

}

当xmlHttp状态为4（xmlHttp.readyState==4）时，开始处理；加载在响应函数内部。

步骤五：发出请求

xmlHttp.send();

实例：

function login(){

var account = document.loginForm.account.value;

var password = document.loginForm.password.value;

var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

var url = "/Prj22/servlet/LoginServlet?account="+account+"&password="+password;

xmlHttp.open("GET", url, true);

xmlHttp.onreadystatechange=function() {

if (xmlHttp.readyState==4) {

resultDiv.innerHTML = xmlHttp.responseText;

}

else{

resultDiv.innerHTML = "正在登录，请稍候......";

}

}

xmlHttp.send();

}

执行登录操作：

登录后：

我们可以看到，登录后浏览器地址栏并没有改变，也就是说，利用AJAX，我们实现了异步提交。