多个ajax请求按顺序执行回调

最新推荐文章于 2024-10-17 16:51:36 发布

raoxiaoya

最新推荐文章于 2024-10-17 16:51:36 发布

阅读量3.6k

点赞数 1

分类专栏： WEB前端

本文链接：https://blog.csdn.net/raoxiaoya/article/details/90544562

版权

WEB前端专栏收录该内容

27 篇文章 1 订阅

订阅专栏

我们知道ajax在浏览器中是被异步处理的，也就是说，他是按照先响应先处理的，并不是先请求先处理的。

但是有些业务我们需要按顺序来处理，是有先后的，我们有以下两种方式。

jquery > 1.5.0

1、当我们要确保执行顺序时，设置 async=false，就是同步请求了

	ajax1 = $.ajax({
        async: false,
        url: url1,
        dataType: 'json',
        type: 'post',
        success: function(data){

        },
        error: function(data){

        }
    }),

    ajax2 = $.ajax({
        async: false,
        url: url2,
        dataType: 'json',
        type: 'post',
        success: function(data){

        },
        error: function(data){
            
        }
    }),

    $.when(
        ajax1,
        ajax2
    )
    .done(function(){
        alert('done');
    })
    .fail(function(){
        alert('fail');
    });