다른 ajax 요청을 적절하게 대기열에 넣기

Question

아약스 대기열 요청에 대한 해결책이 많이 있지만이 경우에 구현하는 방법을 이해하려고합니다. 그것은 푸시 시프트 큐?

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; 
     } 
    }); 
}