admin 管理员组

文章数量: 1086019

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

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.

An example of including multiple AJAX calls is below:

$(function() {
  $.ajax({
    type: "GET",
    url: "",
    dataType: "json",
    success: function(data) { console.log(data); }
  });
  $.ajax({
    type: "GET",
    url: "",
    dataType: "json",
    success: function(data) { console.log(data); }
  });
});

Thanks for any help in advance!

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

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.

An example of including multiple AJAX calls is below:

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

Thanks for any help in advance!

Share Improve this question asked Jun 30, 2014 at 18:59 richierichie 4671 gold badge7 silver badges19 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 7

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

本文标签: javascriptMultiple Async AJAX Calls Best PracticeStack Overflow