多个异步 AJAX 调用最佳实践

我有一个关于在单个页面上进行多个 AJAX 调用的“最佳实践”的问题。

我需要异步进行 5 个独立的调用。我知道 $.ajax 本质上是异步的，但我很好奇是否有一种“更干净”或“更好”的方法来执行多个 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); }
  });
});

感谢您提前提供任何帮助！

你应该使用$.when() https://api.jquery.com/jquery.when/.

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

Or:

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