ajax 的原生 js 实现

这里介绍 ajax 的原生 js 实现方式

1.创建核心对象 xmlhttp

对于不同浏览器的创建方法是不同的，下面的代码就可以兼容

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
	xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

2.通过 xmlhttp 对象的 open 方法建立连接

这里的第一个参数是发送方法，第二个参数是 url ，第三个参数是决定异步

（get参数拼接在url后，send方法为空，而post参数必须在send方法中）

xmlhttp.open("GET","ajaxServlet?username=tom",true);

3.通过 xmlhttp 对象的 send 方法开始发送

xmlhttp.send();

4.接收并处理响应结果

当xmlhttp对象的就绪状态改变时，触发事件onreadystatechange, 判断是否就绪

(返回的结果是 xmlhttp.responseText，这里只是 alert 一下）

xmlhttp.onreadystatechange=function()
{
	//判断readyState就绪状态是否为4，判断status响应状态码是否为200
	if (xmlhttp.readyState==4 && xmlhttp.status==200)
	{
	   //获取服务器的响应结果
		var responseText = xmlhttp.responseText;
		alert(responseText);
	}
}