如何正确再次封装ajax，封装回调函数

最新推荐文章于 2024-12-09 00:55:37 发布

原创最新推荐文章于 2024-12-09 00:55:37 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一种封装AJAX请求的方法，通过使用回调函数传递数据，避免了同步请求带来的阻塞问题。具体实现了自定义函数$myAjax，该函数接受请求方式、URL、JSON数据及回调函数作为参数。

1.对ajax进行封装，不建议使用ajax同步来取到请求成功的值，建议使用回调函数来传递值；如下：

$myAjax=function (reqMethod,reqUrl,jsonData,callback) {
    $.ajax({
        method:reqMethod,
        data:jsonData,
        url:reqUrl,
        headers: {
            "Authorization": 'Bearer ' +GetSessionToken().access_token//全局变量oidc生成的token
        },
        success:function (data) {
            callback(data);
        }
    });
};

2.调用方法：

var reqUrl="192.168.1.110:10000/api/user/getUserList";
var jsonData={"name":"patric","age":"18"};
$myAjax("post",reqUrl,jsonData,function (data) {
    console.log(data);
});