javascript - 多个异步 AJAX 调用最佳实践

Question

我有一个关于在单个页面上进行多个 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); }
  });
});

提前感谢您的帮助!

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 );