Promise封住ajax

最新推荐文章于 2022-06-21 13:19:18 发布

小黑不白爱吃糖

最新推荐文章于 2022-06-21 13:19:18 发布

阅读量103

点赞数

分类专栏：查漏补缺文章标签： ajax js

本文链接：https://blog.csdn.net/qq_41860476/article/details/109206753

版权

查漏补缺专栏收录该内容

16 篇文章 0 订阅

订阅专栏

ajax.js

function ajax(url) {
    return new Promise((resolve, rejected) => {
        let xhr = new XMLHttpRequest();
        xhr.open("get", url, true);
        xhr.send();
        xhr.onload = function () {
            if (xhr.status == 200) {
                resolve(JSON.stringify(this.responseText));
            }
        }
        xhr.onerror = function () {
            rejected(xhr.status);
        }


    })
}

html页面

<script>
    var url = "weather.php";
    ajax(url).then(value => {
        console.log(JSON.parse(value));
    }, reason => {
        console.log("请求失败"+reason);
    })
</script>

Promise使用要点：

then是对前一个返回的Promise对象的状态进行处理。

对于then可以使用多种不同形式来封装一个Promise对象。

如果想要对promise的rejected实现统一的处理，可以在最末端添加catch来进行一致错误处理。