Promise 封装 Ajax （面试题）

最新推荐文章于 2024-05-31 10:34:50 发布

原创最新推荐文章于 2024-05-31 10:34:50 发布 · 726 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#promise

笔记专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种使用Promise封装AJAX请求的方法，通过这种方式可以更优雅地处理异步操作，包括解析成功的响应和处理错误。文章详细展示了如何创建Promise实例，并在其中设置resolve和reject回调函数，以响应AJAX请求的状态变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function ajax(url){
        return new Promise(function (resolve, reject) {
            var xhr=new XMLHttpRequest();//实例化
            xhr.open('get',url,true);
            xhr.send();				//将请求发送到服务器
            xhr.onreadystatechange=function(){
                if(xhr.readyState===4){
                    if(xhr.status===200){
                        resolve(JSON.parse(xhr.responseText));
                    }else{
                        reject('error');
                    }
                }
            }
        });
    }
    (async function () {
        var ret = await ajax('/users').then(function (data) {
            return data;
        }).catch(function (error) {
            return error;
        })
        console.log(ret);
    })();