手写一个AJAX

周周池

已于 2022-04-21 01:36:43 修改

阅读量1k

点赞数

文章标签： ajax

于 2022-04-21 01:19:33 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45444562/article/details/124311480

版权

总结，写博客记录一下
ajax： async JavaScript and XML(JSON)

const ajax = (method, url, data, success, fail) => {
    var request = new XMLHttpRequest()
    request.open(method, url);  //发送请求
    request.onreadystatechange = function () {  //发送后的回调
        if (request.readyState === 4) {
        		// [} 200到300请求成功,304也是请求成功（只是内容没有更改）
            if (request.status >= 200 && request.status < 300 || request.status === 304) 
                success(request)   //请求成功
        } else {
            fail(request)     //请求失败
        }
    };
    request.send(data);    // 如果是POST有请求体，GET没有请求体
}

readyState有五种状态，分别是:
0：UNSENT 代理被创建，但尚未调用 open() 方法。
1：OPENED open() 方法已经被调用。
2：HEADERS_RECEIVED send() 方法已经被调用，并且头部和状态已经可获得。
3：LOADING 下载中； responseText 属性已经包含部分数据。
4：DONE 下载操作已完成。