原生的AJAX
2018-02-08 本文已影响0人
Wang_Yong
直接上代码
// 使用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
