【大场面经】7.12（2）

【大场面经】7.12（2）手动实现一个 ajax，这样实现的方法叫什么？

  秃头少女JennieLiu  

手动实现一个 ajax，这样实现的方法叫什么

手动实现Ajax过程

1.先实例化对象

const xhr = new XMLHttpRequest();

2.监听事件

考虑到兼容性的缘由，在open以前进行监听事件和处理响应

xhr.addEventListener('readystatechange',()=>{},false);

xhr.onreadystatechange = () =>{
	if (xhr.readyState !== 4)return;
	if ((xhr.status >= 200) & (xhr.status < 300) || xhr.status === 304) {
        console.log(xhr.responseText);
        console.log(typeof xhr.responseText);
      }
    };
    xhr.open("GET", url, true);
    xhr.send(null);
})

????参考回答：

AJAX 建立异步对象 XMLHttpRequest 操做 XMLHttpRequest 对象

（1）设置请求参数（请求方式，请求页面的相对路径，是否异步）

（2）设置回调函数，一个处理服务器响应的函数，使用 onreadystatechange ，相似函数 指针

（3）获取异步对象的 readyState 属性：该属性存有服务器响应的状态信息。每当 readyState 改变时，onreadystatechange 函数就会被执行。

（4）判断响应报文的状态，若为 200 说明服务器正常运行并返回响应数据。

（5）读取响应数据，能够经过 responseText 属性来取回由服务器返回的数据。