多个异步AJAX调用最佳实践

Question

我对＆＃34;最佳实践＆＃34;在单个页面上进行多个AJAX调用。

我需要异步进行5次隔离调用。我知道$ .ajax本质上是异步的，但我很好奇是否有更清洁的＆＃34;或者＆＃34;更好＆＃34;做多个AJAX调用的方法。

包含多个AJAX调用的示例如下：

$(function() {
  $.ajax({
    type: "GET",
    url: "https://api.github.com/users/ralvarenga",
    dataType: "json",
    success: function(data) { console.log(data); }
  });
  $.ajax({
    type: "GET",
    url: "https://api.github.com/users/dkang",
    dataType: "json",
    success: function(data) { console.log(data); }
  });
});

提前感谢您的帮助！

Answer 1

您应该使用$.when()。

$.when($.ajax("/page1.php"), $.ajax("/page2.php")).done(function (a1, a2) {
    //all AJAX requests are finished
});

或者：

$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) )
    .then( successFunction, failureFunction );