クリーンな非同期ループを作成するには？

Question

典型的なREST標準に従って、リソースを分けて別々のエンドポイントとコールに分割しました。ここで問題となる主な2つのオブジェクトは、ListとItemです（もちろん、リストにはアイテムのリストとそれに関連する他のデータもあります）。

ユーザーが自分のリストを取得したいのであれば、彼はその後、ユーザはこれらのリストのいずれかでアイテムを取得したいと4が見つかったapi/ListItems/4に取得するかもしれないapi/Lists

にGET要求を行う可能性があります以前の呼び出しで取得されたList.listIdから属性が$.ajaxの場合、コールバックメソッドをポイントできるので、これら2つのイベントを合理化できます。

しかし、私がのすべての要素を取得したい場合、物事は非常に乱雑になります。問題のリスト。例えば、私はmakeGetRequestというライブラリ関数を持っていて、このコードをきれいにするためにエンドポイントとコールバック関数をとっているとしましょう。単純にこの3つの要素素朴な方法の結果を取得：

var success1 = function(elements){ 
    var success2 = function(elements){ 
     makeGetRequest("api/ListItems/3", finalSuccess); 
    } 
    makeGetRequest("api/ListItems/2", success2); 
} 
makeGetRequest("api/ListItems/1", success1); 

嫌！これは、私たちが手首を突き抜けてループを指し示しているプログラミング101のものです。しかし、どのように外部ストレージに頼ることなく、ループでこれを行うことができますか？

for(var i : values){ 
    makeGetRequest("api/ListItems/" + i, successFunction); 
} 

function successFunction(items){ 
    //I am called i-many times, each time only having ONE list's worth of items! 
} 

とにも保存して、私はすべてが終了し、そのデータを取得して、収集したすべてのデータを取得し、それを使って何かをするいくつかのマスタ機能を呼び出したとき知っておく必要があります。

これを処理する方法はありますか？これは前に何度も解決されている必要があります...

Answer 1

は、エンドポイント・パラメータのスタックを使用してみてください：

var params = []; 
var results []; 

params.push({endpoint: "api/ListItems/1"}); 
params.push({endpoint: "api/ListItems/2"}); 
params.push({endpoint: "api/ListItems/3"}); 
params.push({endpoint: "api/ListItems/4"}); 

次に、あなたがあなたの成功ハンドラで、それは再帰的にすることができます。

function getResources(endPoint) { 

    var options = {} // Ajax Options 
    options.success = function (data) { 
     if (params.length > 0) { 
      results.push({endpoint: endpoint, data: data}); 
      getResources(params.shift().endpoint); 
     } 
     else { 
      theMasterFunction(results) 
     } 
    } 

    $.get(endPoint, options) 
} 

そして、あなた次のような単一の呼び出しで開始できます。

getResources(params.shift().endpoint); 

E DIT：

自己が含まれているすべてのものを維持するために、グローバルなスコープの外には、関数を使用してコールバックを提供することができます使用で

function downloadResources(callback) { 

    var endpoints = []; 
    var results []; 

    endpoints.push({endpoint: "api/ListItems/1"}); 
    endpoints.push({endpoint: "api/ListItems/2"}); 
    endpoints.push({endpoint: "api/ListItems/3"}); 
    endpoints.push({endpoint: "api/ListItems/4"}); 

    function getResources(endPoint) { 
     var options = {} // Ajax Options 
     options.success = function (data) { 
      if (endpoints.length > 0) { 
       results.push({endpoint: endpoint, data: data}); 
       getResources(endpoints.shift().endpoint); 
      } 
      else { 
       callback(results) 
      } 
     } 
     $.get(endPoint, options) 
    } 

    getResources(endpoints.shift().endpoint); 

} 

を：

downloadResources(function(data) { 
    // Do stuff with your data set 
}); 

Answer 2

dmckの答えは、おそらくあなたの最善の方法ですベット。しかし、もう1つのオプションは、バルクリストオプションを実行することで、apiはapi/ListItems /？id = 1 & id = 2 & id = 3のようなリクエストをサポートします。

あなたのパーソナルな美しさに合っていれば、api検索エンドポイントを行うこともできます。