javascript - 按顺序排列的多个 jQuery promise

Question

基本上我想要这个:

function do_ajax_calls(...){
  var d = $.Deferred();

  $.ajax(args).done(function(){

    $.ajax(args).done(function(){

      $.ajax(args).done(function(){
         d.resolve();
      });

    });

  })

  return d.promise();
}

但是 ajax 调用的次数取决于我传递给函数的参数，它是一个数组，所以我不能使用该代码。

该函数应该返回一个仅在最后一个 ajax 调用完成时才解析的 promise 。所以函数需要这样调用:

 do_ajax_calls(....).done(function(){
   // here is the callback
 })

有人知道我该怎么做吗？

Answer 1

But the number of ajax calls depends on the arguments that I pass to the function, which is an array

如果它是每个数组项一个 ajax 调用

function do_ajax_calls(args) {
    return args.reduce(function(promise, item) {
        return promise.then(function() { 
            return $.ajax(args); // should that be item?
        });
    }, Promise.resolve(true));
}

Promise.resolve(true) 是一个“原生”promise，即在 IE 中不可用，但我确信 jQuery 有一个等价物

这是一个 JSFiddle演示