执行的函数的递归异步Ajax调用

Question

我需要递归异步Ajax调用后执行功能之后。 我：

var tree = [1, 2 ,3, 4]; 

recursion(0); 

function recursion(i) { 
    $.ajax('http://example.com/' + tree[i]) 
     .done(function (data) { 
     // data is array 
     ++i; 
     if (tree[i] !==undefined) { 
      $.each(data, function() { 
       recursion(i); 
      }); 
     } 
    }); 
} 

而且我希望以后所有通话的时候都做做：

recursion(0).done(function() {alert('All calls are done!')}); 

我知道，我应该使用.Deferred $的jQuery，但AJAX调用返回的承诺太。 我试图使用$ .Deferred但我在这个地方遇到了问题循环：

 $.each(data, function() { 
     recursion(i); 
    }); 

请帮助我。

Answer 1

我试图使用$ .Deferred

好！

，但我遇到了在这个地方循环的一个问题：$.each(data, recursion)

每个recursion(i)调用返回一个承诺，所以当我们踢他们离我们只剩下诺言的集合。现在，我们可以使用$.when至wait for all of them，并取回所有结果的承诺。

现在，我们使用then在ajax调用之后链接这个循环执行，以便我们可以返回此递归步骤最终结果的承诺。

function recursion(i, x) { 
    return $.ajax('http://example.com/' + tree[i] + x).then(function (data) { 
     if (++i < tree.length) 
      // get an array of promises and compose all of them 
      return $.when.apply($, $.map(data, function(d) { 
       return recursion(i, d); 
      })); 
     else // at the innermost level 
      return data; // get the actual results 
    }); // and return a promise for that 
} 

Answer 2

为简单起见，你可以只运行在你的.done一个函数，检查i的值，如果它等于树的长度（减1），然后运行你的函数。

对不起，这不包括异步性...，而不是...创建跟踪的完成数的变量，并比较数组中的号码。当相等时，运行你的功能。

Answer 3

你需要做这样的事情：

function recursion(i) { 

    return $.ajax('http://example.com/' + tree[i]) 
     .then(function (data) { 
      // data is array 
      ++i; 
      if (tree[i] !==undefined) { 

       // get an array of promises 
       var promises = $.map(data, function() { 
        return recursion(i); 
       }); 

       // return the `when` promise from the `then` handler 
       // so the outer promise is resolved when the `when` promise is 
       return $.when.apply($, promises); 
      } else { 
       // no subsequent calls, resolve the deferred 
      } 
     }); 
} 

目前未经测试，但它至少给你的想法。基本上，只有解决了所有后续调用后才能解决延期问题。

Answer 4

编辑，jQuery的deferred，promise实际上并不需要达到的要求。请参阅下面的Bergi的评论和链接。

尝试（这种模式; 没有jquery.deferred或promise的）

(function recursion() { 
     var tree = [1, 2 ,3, 4] 
     , results = [] 
     , dfd = function(res) { 
      alert('All calls are done!'); 
      console.log(res) 
     }; 

    $.each(tree, function(k, v) { 
     $.ajax("http://example.com/" + v) 
     .done(function (data, status, jqxhr) { 
     // data is array 
      results.push([data, status, jqxhr.state()]); 
      if (results.length === tree.length) { 
       dfd(results);   
      } 
     }); 

    }); 

    }()); 

的jsfiddle http://jsfiddle.net/guest271314/nvs0jb6m/