javascript - 在一些 jquery ajax 之后如何做其他 jquery 事情

Question

我正在使用 PHP。我想完成 jQuery AJAX 进程，(完成进程并数据返回主页后)。

然后执行下一个 jQuery 操作。关于如何做到这一点有什么想法吗？

$.ajax({
  url: "page1.php", 
  dataType: "html",
  type: 'POST', 
  data: "value=" + value, 
  success: function(data){
    //some process
  }
});//ajax1
$.ajax({
  url: "page2.php", 
  dataType: "html",
  type: 'POST', 
  data: "value=" + value, 
  success: function(data){
    //some process
  }
});//ajax2
$.ajax({
  url: "page3.php", 
  dataType: "html",
  type: 'POST', 
  data: "value=" + value, 
  success: function(data){
    //some process
  }
});//ajax3

// finish all the 3 ajax process, do the below code
$(".page").css('display','block');

Answer 1

如果您使用的是 jQuery 1.5 或更高版本，您可以使用 heavenly $.when构造，它使用 $.Deferred概念首先在该版本的 jQuery 中实现。当所有几个 AJAX 请求都已完成时，您可以运行一个函数(或多个函数)。

所以你的代码应该是这样的:

$.when($.ajax({
    url: "page1.php",
    dataType: "html",
    type: 'POST',
    data: "value=" + value,
    success: function (data) {
        //some process
    }
}), $.ajax({
    url: "page2.php",
    dataType: "html",
    type: 'POST',
    data: "value=" + value,
    success: function (data) {
        //some process
    }
}), $.ajax({
    url: "page3.php",
    dataType: "html",
    type: 'POST',
    data: "value=" + value,
    success: function (data) {
        //some process
    }
})).then(function () {

});