ajax 原生代码已封装get,post,封装附加 Promise 如何请求数据详解

最新推荐文章于 2023-03-11 11:36:46 发布

笔临

最新推荐文章于 2023-03-11 11:36:46 发布

阅读量508

点赞数

本文链接：https://blog.csdn.net/panhuanqin/article/details/83055970

版权

function ajax(method, url, data) {
    var xhr = null;
    if (XMLHttpRequest) {
        xhr = new XMLHttpRequest()
    } else {
        xhr = new ActiveXObject("Microsoft.XMLHTTP")
    }
    if (method == "get") {
        xhr.open(method, url + "?" + data, true);
        xhr.send();
    } else {
        xhr.open(method, url, true);
        xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
        xhr.send(data);
    }
    return new Promise((sucee, fail)=> {
        xhr.onreadystatechange = ()=> {
            if (xhr.readyState == 4) {
                if (xhr.status == 200) {
                    sucee(xhr.responseText)
                } else {
                    fail(xhr.status)
                }
            }
        }
    })
}