使用promise封装ajax

最新推荐文章于 2022-06-25 22:43:59 发布

原创最新推荐文章于 2022-06-25 22:43:59 发布 · 706 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#promise ajax 封装使用

JavaScript 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一种使用JavaScript的Promise对象来封装AJAX请求的方法，通过这种方式可以更优雅地处理异步操作。文章展示了如何定义一个通用的函数getPromiseData，该函数接收URL、参数、是否异步及请求类型等，并返回一个Promise实例。通过两个示例调用展示了如何使用这个函数发起POST请求并处理返回的数据。

function getPromiseData(url,dataParams,isAsync,methodType) {
    return new Promise(function(resolve, reject) {
        var type = methodType || "POST";
        $.ajax({
            url: url,
            type: type,
            data: JSON.stringify(dataParams),
            contentType: "application/json",
            async: isAsync,
            success: function (data) {
                resolve(data);
            },
            error: function (error) {
                reject(error);
            }
        });
    });
}
var getProData1=getPromiseData(webRoot+"/foreManCenter/getForeManBasic",{"userId":obj.userId},true,"POST");
getProData1.then(function(data){
    console.log(data)
}, function(error){
    console.log(error)
});
var getProData2=getPromiseData(webRoot+"/foreManCenter/getForeManBasic",{"userId":obj.userId},true,"POST");
getProData2.then(function(data){
    console.log("data",data);
    return getPromiseData(webRoot+"/foreManCenter/getForeManBasic",{"userId":obj.userId},true,"POST");
}).then(function(data2){
    console.log("data2",data2);
}).catch(function(err){
    console.log(err);
});