原生的AJAX

直接上代码

// 使用xhr对象，判断是否ie5/6
var xhr;
if (window.XMLHttpRequest) {
  xhr = new XMLHttpRequest();
} else {
  // ie56的使用的xhr对象
  xhr = new ActiveXObject("Microsoft.XMLHttp");
}
xhr.open('GET', 'url', true);
xhr.send();
xhr.onreadystatechange = function(){
  if(xhr.readyState ===4 && xhr.status == 200 ){
    console.log(xhr.responseText);
  }
}

readyState存在的5个状态

属性	属性含义
0（未初始化）	对象已经建立，请求未初始化，尚未调用open方法
1 初始化	对象已经服务器连接已经建立，尚未调用send方法
2 发送数据	send方法已调用，但是当前的状态及http头未知
3 请求处理中	已接收部分数据，因为相应及http头不全，这时通过responseBody和responseText获取数据会出现错误
4 请求已完成	数据接收完毕，此时可以通过responseBody和responseText获取完整的回应数据。

status状态码
200 ok