$.ajax同时请求多个接口

最新推荐文章于 2023-02-28 10:44:05 发布

李白和星星

最新推荐文章于 2023-02-28 10:44:05 发布

阅读量1.2k

点赞数 1

文章标签：前端 ajax jquery

本文链接：https://blog.csdn.net/qq_35469137/article/details/125273343

版权

做的项目多了我们会发现很多时候我们需要同时调取两个甚至多个接口的数据结果返回以后才能进行数据的处理除了运用es6的promiseall之外我们还可以使用jquery的$.when().done(function(){})来实现这一功能

function ajaxItem(url, params) {
    return $.ajax({
        type: "POST",
        url: url,
        // contentType: "application/json;charset=UTF-8",
        data: params,

    })
}//封装接口
//调取数据
var params1 = { id: '4dad29d22f4e44c6b21b9fddbfd38562' } //全国
var params2 = { id: '64b1abfbe9424c0b83245f9a30877359' }//分省市
$.when(
    ajaxItem(dominUrl + '/statistics/staSql/commonstajson', params1), ajaxItem(dominUrl + '/statistics/staSql/commonstajson', params2)
).done(function (res1, res2) {
    console.log(res1);//第一个接口返回值
    console.log(res2);  //第二个接口返回值
    pro(res2[0].commonsta, res1[0].commonsta)
    $('#jhlq').html(res1[0].commonsta[0].zsjhs)
    $('#dqlq').html(res1[0].commonsta[0].lqrs)
    water(toPoint(res1[0].commonsta[0].lqjd))
})