多个异步 AJAX 调用最佳实践 [英] Multiple Async AJAX Calls Best Practice

问题描述

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

I have a question regarding the "Best Practice" for making multiple AJAX calls on a single page.

我需要异步进行 5 个独立调用.我知道 $.ajax 本质上是异步的，但我很好奇是否有更干净"或更好"的方式来执行多个 AJAX 调用.

I need to make 5 isolated calls, asynchronously. I know that $.ajax is async by nature, but I was curious if there's a "cleaner" or "better" way to do multiple AJAX calls.

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

An example of including multiple AJAX calls is below:

$(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().

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

这篇关于多个异步 AJAX 调用最佳实践的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！