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

在第一个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 3

将其中两项付诸实践。说功能A和功能B.在功能A的success :部分，调用功能B。

Answer 4

您可以在第一次AJAX调用的success回调中添加第二个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);
            }
        });
    }
});

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

4 个答案: