正确排队不同的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;
        }
    });
}