В Javascript список процессов синхронно

Question

У меня есть данный набор элементов для обработки; каждый элемент должен дождаться завершения предыдущего.

По совокупности элементов я имею в виду массив целых значений.

«Обработка» Я имею в виду сделать POST на HTTP-сервер, передавая целочисленное значение каждого элемента массива.

Я нашел что-то похожее на waht, которое я ищу: doSynchronousLoop.js, но мне интересно, есть ли альтернативы.

Answer 1

Если ваш сайт может приостановить оказание при выполнении запросов, вот решение с jQuery:

// process 5 items 
for (var i = 0; i< 5; i++) { 
    // ajax request done with jquery 
    $.ajax({ 
     async: false, /* this makes it execute synchronously */ 
     url: "the url to handle item #i", 
     type: "POST", 
     success: function(msg) { 
      // process data for item #i 
     } 
    }) 
} 

Edit: вы можете решить асинхронно, тоже:

items = [put your items here] 
current_item = 0 

function processItem() { 
    if (current_item == items.length) { 
     // list processing finished 
     return; 
    } 

    $.ajax({ 
     async: true, 
     url: "the url to handle item #current_item", 
     type: "POST", 
     success: function(msg) { 
      // process data for item #current_item 
      processItem(); 
      current_item++; 
     } 
    }) 

} 

Не пропустите, чтобы поместить переменные в область видимости, я просто оставил их в глобальной области видимости, чтобы сделать этот пример более понятным.

Смотрите также документы: jQuery.ajax