JavaScript - 你知道Ajax的原理吗？如何封装一个Ajax

 难度级别：中高级及以上                               提问概率：75%

---

想要实现Ajax，就需要创建它的核心通信对象XMLHttpRequest，通过核心对象的open方法与服务端建立连接，核心对象的send方法可以将请求所需数据发送给服务端，服务端接收到请求并做出响应，我们通过核心对象的onreadystatechange事件监听通信状态，最终获取到响应数据，将数据与DOM元素结合，从而完成Ajax的实现过程。如果想要通过Ajax发送一个GET请求，代码如下

Javascript代码：
<script>
    // 创建核心通信对象 XMLHttpRequest
    let request = new XMLHttpRequest();
    // 监听服务端响应
    request.onreadystatechange = function(e){
        if(request.readyState === 4){ 
            if(request.status >= 200 && request.status <= 300){
                // 服务端响应的数据
                console.log(request.responseText);
            }else {