約束を解決する前に複数のajax呼び出しを実行する

Question

私はajax呼び出しを行い、結果を使って約束を解決する関数を持っています。残念ながら、APIは結果を100に制限し、オフセットパラメータを使用して次の100を取得する必要があります。約束を解決する前に、必要なすべてのajax呼び出しを行うにはどうしたらいいですか（API応答は合計値を提供するので、呼び出し回数を決定できます）

let currentOffset = 0; 
    let totalCount; 
    let offsetCount; 

const makeCall = function(camp) { 
     return new Promise(function(resolve, reject) { 
      api.get(camp, currentOffset, e => { 
       totalCount = e.totalCount; 
       offsetCount = Math.floor(totalCount/100) 
       let payload = e.payload; 
       for (var a in payload) { 

        myArray.push({ 
         'id': payload[a].id, 
         'text': payload[a].text, 
         'url': ads[a].url, 
        }); 
       } 
       resolve(); 
      }); 
     }); 
    }; 

Answer 1

これを行うための最善の方法は、AJAX呼び出しのそれぞれの約束を作成し、Promise.all()を使用することです。ここで

は、私はちょうど最初の100を取得し、解決するために使用していた機能ですすべての要求がいつ成功したかを判断します。

以下のスニペットのようなものです。この約束は、すべての呼び出しが成功すると解決されます。 ajaxリクエストのいずれかが失敗した場合、決して解決されないことを覚えておいてください。それを処理するための何かを追加する価値があります。

let currentOffset = 0; 
let totalCount; 
let offsetCount; 

const makeCall = function(camp) { 
    let apiPromises = []; 

    // Repeat the below for each ajax request 
    apiPromises.push(
    new Promise(function(resolve, reject) { 
     api.get(camp, currentOffset, e => { 
      totalCount = e.totalCount; 
      offsetCount = Math.floor(totalCount/100) 
      let payload = e.payload; 
      for (var a in payload) { 

       myArray.push({ 
        'id': payload[a].id, 
        'text': payload[a].text, 
        'url': ads[a].url, 
       }); 
      } 
      resolve(); 
     }); 
    })); 

    return Promise.all(apiPromises); 
}; 

Answer 2

あなたはその後、アヤックスの必要な数を作成し、オプションの数を決定するための最初の呼び出しを使用することができ、値の残りの部分と各AJAX呼び出しのために、対応する約束を取得するために呼び出します。他のすべてのajax呼び出しが完了したら、最初の約束を解決してください。その部分はPromise.all()で行うことができます。

let currentOffset = 0; 
let totalCount; 
let offsetCount; 

const makeCall = function(camp) { 
    // Repeat the below for each ajax request 
    return new Promise(function(resolve, reject) { 
     let apiPromises = []; 

     api.get(camp, currentOffset, e => { 
      totalCount = e.totalCount; 
      offsetCount = Math.floor(totalCount/100) 
      let payload = e.payload; 
      for (var a in payload) { 

       myArray.push({ 
        'id': payload[a].id, 
        'text': payload[a].text, 
        'url': ads[a].url, 
       }); 
      } 

      for (var numCalls = 1; numCalls < offsetCount; numCalls++) { 
       // Increment currentOffset here 
       apiPromises.push(new Promise(function() { 
        api.get(camp, currentOffset, e => { 
         // Add each value to array 
        } 
       } 
      } 

      Promise.all(apiPromises).then(resolve); 
     }); 
    }); 
}; 

いくつかの詳細は記入する必要がありますが、その要点はあります。