基于JS的AJAX

1. 创建XMLHttpRequest对象：

var xmlHttpRequest = new XMLHttpRequest();//IE7+,Firefox,Chrome等浏览器

var xmlhttpRequest = new ActiveXObject("Microsoft.XMLHTTP");//IE5，IE6浏览器

2. 向服务器发送请求：

xmlHttpRequest.open('GET','url',true);

xmlHttpRequest.setRequestHeader(' CONTENT-TYPE', 'application/x-www-form-urlencoded'  );//设置Http请求头。这里先不过多的解释

xmlHttpRequest.send();

open()方法：

open('type','url','async');//type:请求的类型，GET,POST两种；url：向服务器请求的地址，async:true:异步请求，false：同步请求。

3.接受服务器响应：

获取服务器的响应使用XMLHttpRequest对象的responseText和responseXML属性：

responseText：获得字符串形式的响应数据

responseXML：获得XML形式的响应数据

var strText = xmlHttpRequest.responseText；

var xmlText = xmlHttpRequest.responseXML；

4.XMLHttpRequest对象其他属性：

（1）readyState：存有XMLHttpRequest的状态（0，1，2，3，4）

0：请求未初始化

1：请求已建立连接

2：请求已接收

3：请求处理中

4：请求已完成，响应已就绪

（2）status：200：服务器响应正常，404：资源找不到，500，服务器发生错误（常见的三种状态，还有很多其他状态）

（3）onreadystatechange：函数名，每当readyState发生改变时触发该事件。