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

👊手动实现一个 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 属性来取回由服务器返回的数据。