forループでajaxリクエストからデータを取り出す方法は？次のように

Question

私のプログラムの構造は次のとおりです。

var output = []; //<---- where I want to store the data 

function getData(){ 
    for(...){ 
     $.getJSON("...", function(data){ 
      if(...){ 
       output.push(data[...]); 
      }else{ 
       $.getJSON("...", function(data2){ 
        output.push(data2[...]); 
       }); 
      } 
     }); 
    } 
} 

これが原因私はAJAX呼び出しの非同期な性質であることを理解して何に動作しません。関数を呼び出した後、データにアクセスできません。出力[0]を行うと、未定義が返されます。

Answer 1

あなたは同期ループで要求を開始できますが、応答が非同期的にをリッスンする必要があります。 jQueryのgetJSONメソッドはPromise互換のjqXHRオブジェクトを返します。したがって、Promise.allを次のように使用することができます：

function getData() { 
    var requests = []; 

    for (...) { 
    const request = $.getJSON(...); 
    requests.push(request); 
    } 

    return Promise.all(requests); 
} 

getData().then(function (results) { 
    // results is an array with responses of your requests (ordered by push order) 
});