執行的函數的遞歸異步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/