使用jQuery的并行异步Ajax请求

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (108)

我想根据多个Ajax/json请求的结果更新一个页面。使用jQuery,我可以“链接”回调,就像下面这个非常简单的简化示例:

$.getJSON("/values/1", function(data) {
  // data = {value: 1}
  var value_1 = data.value;

  $.getJSON("/values/2", function(data) {
    // data = {value: 42}
    var value_2 = data.value;

    var sum = value_1 + value_2;

    $('#mynode').html(sum);
  });

});

但是,这会导致请求被顺序地提出。我更愿意并行地提出请求,并在完成之后执行页面更新。有什么办法吗?

提问于
用户回答回答于

试试这个解决方案,它可以支持任意数量的并行查询:

var done = 4; // number of total requests
var sum = 0;

/* Normal loops don't create a new scope */
$([1,2,3,4,5]).each(function() {
  var number = this;
  $.getJSON("/values/" + number, function(data) {
    sum += data.value;
    done -= 1;
    if(done == 0) $("#mynode").html(sum);
  });
});
用户回答回答于

jQuery$.When()$.do()正是你所需要的:

$.when($.ajax("/page1.php"), $.ajax("/page2.php"))
  .then(myFunc, myFailure);

扫码关注云+社区

领取腾讯云代金券