Последовательное выполнение js

Question

Я разрабатываю проект, который должен обрабатывать вызовы ajax последовательным образом. Код у меня есть что-то вроде:

for(var j=0; j<3;j++) { 
       $.ajax({ 
        url:url[j], 
        async:false 
       }).done(function(result){ 
        var data = result.data; 
        for(var i=0; i < data.length;i++){ 
         analyses += "<div><div id=\"" + data[i] + "\" class=\"module\">"; 
         analyses += "<br/>Analysis : " + data[i] + "<br/>"; 
         analyses += "</div></div>"; 
         $("#analysesPlaceHolder").html(analyses); 
        } 
       }); 

      } 

Однако, теперь он просто случайным образом выбирает URL из списка (иногда это первое, иногда это не так). Как сделать выполнение последовательным, чтобы код сначала выполнял первый вызов ajax, затем второй и т. Д.

Answer 1

Я бы не рекомендовал использовать ajax-вызовы в цикле.

Вот это лучший способ, который увеличивает счетчик в АЯКС обратного вызова, а затем запускает следующий запрос Аякса:

var urlCount = 0; 

var makeAjaxCall = function(count) { 
    $.ajax({ 
     url:url[count], 
    }).done(function(result){ 
     var data = result.data; 
     for(var i=0; i < data.length;i++){ 
      analyses += "<div><div id=\"" + data[i] + "\" class=\"module\">"; 
      analyses += "<br/>Analysis : " + data[i] + "<br/>"; 
      analyses += "</div></div>"; 
      $("#analysesPlaceHolder").html(analyses); 
     } 

     urlCount++; 
     if (urlCount < 3) { 
      makeAjaxCall(urlCount); 
     } 
    }); 
} 

makeAjaxCall(urlCount); 

Вы также могли приковать АЯКС вызовы с помощью обещаний, как указано в комментарии выше.