JQuery - 複数のajaxリクエストを順番に実行するようにします。

Question

次は、jQueryを順に使用して各ajax呼び出しを実行します。呼び出しは順番に行う必要があります。私がこの作品を見つけた唯一の方法は、async：falseを使用することです。これは非推奨であり、使用すべきではありません。以下のコードは、[name]配列の各要素をループし、各Ajaxリクエストを順番に起動します。 async：falseを削除すると、ajax呼び出しは順不同で行われ、時にはそれらのうちの1つが起動しないように見えることがあります。私はajaxCompleteがここで私を助けるかもしれないと思ったが、私は運がなかった。これらのajax呼び出しを順番に実行させる方法はありますか？

function doGetJson(name1) { 
    var URL = 'http://some url/?name=' + name1; 
    $.ajax({ 
     url : URL, 
     dataType : 'jsonp', 
     async: false, 
     jsonpCallback : 'getJson', 
     name: name1, 
     index: i, 
     success : handleJson 
    }); 
}; 

function handleJson(data) { 
    <...some other operations...> 

}; 

var name = "test1,test2,test3".split(","); 

for (var i = 0; i < name.length ; i++) 
{ 
    doGetJson(name[i]); 
} 

Answer 1

約束を守ってください。まず、あなたの関数はそうのような$.ajaxを返してみましょう：

function doGetJson(name1) { 
    var URL = 'http://some url/?name=' + name1; 

    // notice the return !!! 
    return $.ajax({ 
     url : URL, 
     dataType : 'jsonp', 
     async: false, 
     jsonpCallback : 'getJson', 
     name: name1, 
     index: i, 
     success : handleJson 
    }); 
}; 

次に、あなたがそのようにそれらをチェーン：

var name = "test1,test2,test3".split(","); 

var promise = name.slice(1) 
    .reduce((a,b) => a.then(doGetJson.bind(null, b)) 
     , doGetJson(name[0])) 

promise.then(function(){ 
    // do something when all requests are ready 
})