for loop .. wait for AJAX request

Question

Я повторяю ряд дат с помощью кода ниже. каждый раз я делаю запрос ajax и возвращаю xml-данные, которые затем вызывают функцию, чтобы отображать серию divs в строке на моей странице. Проблема в том, что мой цикл завершен до первого вызова ajax. Как я могу удерживать цикл for до тех пор, пока мой запрос и функция ajax не будут завершены? Любая помощь очень ценится! , спасибо

 // Start of the loop for the date range selected  

     for(loopTime = startTime; loopTime <= endTime; loopTime += 86400000) { 

     // Produce the day from the date 
       loopDate=new Date(loopTime) 
       day = loopDate.getDate() ;   if (day < 10) { day = "0" + day } ; 
       mon = loopDate.getMonth()+1 ; if (mon < 10) { mon = "0" + mon } ; 
       year = loopDate.getFullYear()  
       epDate = year + "-" + mon + "-" + day 

     // Run the XML Query ONCE ONLY 
       $.ajax({ 
        type: "POST", 
        url: "php_assoc/jobs_today.php", 
        data: { OnThisDate : epDate }, 
        dataType: "xml", 
        success:returnedXMLdata    
        }); 

     }// for loop date 




     function returnedXMLdata(data) { 
      script .... 

Answer 1

Ваша проблема, по-видимому, не о том, что цикл заканчивается рано (это на самом деле хорошая вещь), но все запросы AJAX уволят почти сразу.

Если вы хотите епдиеие ваши запросы AJAX, что вам нужно сделать итерацию цикла с помощью самих обработчиков событий, и без использования for:

var loopTime = startTime; 
(function iterate() { 
    $.ajax(...).always(function() { 
     loopTime += 86400 * 1000; 
     if (loopTime <= endTime) { 
      iterate(); 
     } 
    }); 
})(); 

Answer 2

Внутри запроса ajax добавьте свойство async и установите для него значение false.

async: false,