事件完成

Question

我有一个触发关闭3 AJAX调用click事件：

$("#button").click(function(e) { 
    e.preventDefault(); 

    $.ajax(call1); 
    $.ajax(call2); 
    $.ajax(call3); 

    some_function() //should fire off AFTER all ajax calls are complete 
}); 

有没有办法让我确认所有的Ajax调用已经被炒了鱿鱼烧了我的some_function()功能？

在此先感谢！

$.ajax({ 
    url: "http://some.url.example.com/endpoint", 
}) 
.always(function (data){ 
    // Process the data 
    $.ajax({ 
     url: "http://some.url.example.com/endpoint2", 
    }) 
    .always(function (data2){ 
     // Process the data 
     $.ajax({ 
      url: "http://some.url.example.com/endpoint3", 
     }) 
     .always(function (data) { 
      someFunction(); 
     }); 
    }); 
}); 

还有很多更多的阅读，可以对jQuery的延期对象和ES6承诺做到：

Answer 1

您可以使用$.when

提供一种方法来执行基于一个回调函数或更多对象，通常表示异步事件的延迟对象。

$.when($.ajax(call1), $.ajax(call2), $.ajax(call3)) 
.done(function() { 
    some_function(); 
}); 

---

如果（出于某种原因）你有承诺的数组，然后你可以调用使用Function.prototype.apply()这个方法：

$.when.apply($, ajaxArray) 
.done(function() { 
    some_function(); 
}); 

Answer 2

，如果你需要成功响应，但考虑下面的依赖。

如果你想设置超时时间，并且不关心结果，设置超时选项`$阿贾克斯（网址：{url： “http://some.url.example.com/endpoint”，超时：500}）

OR

在每个设置一个变量，并使用window.setTimeout来检查它们什么时候全部被设置，但是这太可怕了。

Answer 3

我建议你使用async: false并把$.ajax另一个AJAX内，somelike这...

$.ajax({ 
    async: false, 
    // ... 
    complete: function() { 
     $.ajax({ // second ajax 
      async: false, 
      // ... 
      complete: function() { 
       $.ajax({ // second ajax 
        async: false, 
        // ... 
        complete: function() { 
         some_function(); 
        } 
       }); 
      } 
     }); 
    } 
});