在第一个ajax请求之后，然后运行第二个..现在，同时运行两个函数。

Question

我有ajax功能，同时运行两个请求。我要运行这些函数的时间不一样，在第一次成功运行后运行第二次ajax请求。

jQuery.ajax({
    type:'Post',
    data : {'first':first},
    url : 'abc.php',
    success : function (returnHtml) {
        jQuery(".xyz").html(returnHtml);
    }

});

jQuery.ajax({
    type:'Post',
    data : {'first':first},
    url : 'abc1.php',
    success : function (returnHtml) {
        jQuery(".xyz2").html(returnHtml);
    }

});

怎么能做到这一点

Answer 1

jquery中的用户异步

jQuery.ajax({
    type:'Post',
    async : false,
    data : {'first':first},
    url : 'abc.php',
    success : function (returnHtml) {
        jQuery(".xyz").html(returnHtml);
    }

});

jQuery.ajax({
    type:'Post',
    async : false,
    data : {'first':first},
    url : 'abc1.php',
    success : function (returnHtml) {
        jQuery(".xyz2").html(returnHtml);
    }

});

Answer 2

把这两件事做好。把函数A和函数B放在函数A的success :部分，调用函数B。

Answer 3

您可以将第二个AJAX调用放在第一个AJAX调用的success回调中：

jQuery.ajax({
    type: 'Post',
    data: {
        'first': first
    },
    url: 'abc.php',
    success: function (returnHtml) {
        jQuery(".xyz").html(returnHtml);
        jQuery.ajax({
            type: 'Post',
            data: {
                'first': first
            },
            url: 'abc1.php',
            success: function (returnHtml) {
                jQuery(".xyz2").html(returnHtml);
            }
        });
    }
});