異なるajaxリクエストを適切にキューに入れよう

Question

私は、Ajaxリクエストをキューに入れるための解決策をたくさん見ていますが、私はこの場合の実装方法を理解しようとしています。それはプッシュとシフトキューでなければなりません？：

var urlList = ['urlA', 'urlB', 'urlC', ...]; 

function initSession() { 
    for (var i = 0; i < urlList.length; i++) { 
     getResponse(urlList[i]); // this is what I would like to queue. 
    } 
} 

function getResponse(theURL) { 
    steps.shuffleLetters({ 
     "text": messages[mesInd] 
    }); 
    $.ajax({ 
     method: 'GET', 
     url: theURL, 
     dataType: 'text', 
     success: function(data) { 
      setTimeout(function() { 
       steps.shuffleLetters({ 
        "text": data 
       }); 
      }, 1000); 
      mesInd = mesInd + 1; 
     }, 
     error: function(data) { 
      setTimeout(function() { 
       steps.shuffleLetters({ 
        "text": "Click Again!" 
       }); 
      }, 1000); 
      mesInd = 0; 
     } 
    }); 
} 

Answer 1

forループを除去することによって、それを行うと、現在の要求

の成功は以下のコードを確認した後、次のURLを呼び出すことができます。

を

var urlList = ['urlA','urlB','urlC',...]; 
var length = urlList.length; 
var currentRequest = 0; 
getResponse(urlList[currentRequest]); 


function getResponse(theURL){ 
steps.shuffleLetters({"text": messages[mesInd]}); 
    $.ajax({ 
     method: 'GET', 
     url: theURL, 
     dataType: 'text', 
     success: function (data) { 
      setTimeout(function(){steps.shuffleLetters({"text": data});}, 1000); 
      //Here you will call the next request 
      currentRequest +=1; 
      if(currentRequest < length) 
      { 
       getResponse(urlList[currentRequest]); 
      } 

      mesInd = mesInd+1; 
     }, 
     error: function (data) { 
      setTimeout(function(){steps.shuffleLetters({"text": "Click Again!"});}, 1000); 
      mesInd = 0; 
     } 
    }); 
}