ajax技术的核心 -- XMLHttpRequest对象

版权声明：本文为原创文章，未经博主允许不得转载，欢迎各种交流，共同进步。 https://blog.csdn.net/sinat_15951543/article/details/83142910

ajax是异步加载数据技术标准

ajax包括以下几步骤：1、创建AJAX对象；2、发出HTTP请求；3、接收服务器传回的数据；4、更新网页数据

ajax技术的核心是XMLHttpRequest对象(简称XHR)

IE5是第一款引入XHR对象的浏览器。在IE5中，XHR对象是通过MSXML库中的一个ActiveX对象实现的，而IE7+及其他标准浏览器都支持原生的XHR对象，所以说XHR的兼容性蛮好的。

创建一个XHR对象，也叫实例化一个XHR对象，因为XMLHTTPRequest()是一个构造函数。下面是创建XHR对象的兼容写法。

var xhr;
if(window.XMLHttpRequest){
    xhr = new XMLHttpRequest();
}else{
    xhr = new ActiveXObject('Microsoft.XMLHTTP');
}

onreadyStatechange 状态改变的事件触发器每个状态改变时都会触发 这个事件处理器，通常会调用一个javaScript函数 ，一般用于回调函数

readyState 请求的状态：

0>.请求未初始化

1>.服务器链接已建立

2>.请求已接收

3>.请求处理中

4>.请求已完成，响应已就绪

设置请求方式

xhr.open('get', url, true)

发送请求

xhr.send()

回调函数   

xhr.onreadyStatechange = function() {
       if(xhr.readyState == 4 && xhr.status == 200) {
       console.log(xhr.resposeText)  //字符串
       //console.log(xhr.resposeXML)
    }
}