Как остановить цикл до выполнения ajax?

Question

[hello_world_666]

Здравствуйте, как остановить цикл до выполнения ajax и продолжить после выполнения? Ответ одного цикла где-то 5 секунд, циклов может быть до 40, нужно что бы не завис браузер.

jsonData.checkList.forEach(function(data) {
$.ajax({
    type: 'POST',
    url: '/action/action.php',
    data: data,
    success: function(response) {
        var jsonData = JSON.parse(response);
            .......
        }
    });
});

Answer 1

[Alex]

На JavaScript цикл forумеет ожидать результат промиса на каждой итерации

for (data of datas) {
  await fetch( ... ) 
}

Comments

[hello_world_666]

Извините, не совсем понял как использовать в данном случае (мне нужно перебрать массив и выполнить ajax запрос с данными массива), и не будет таких проблем как с async : false? Спасибо за ответ.

[WapSter]

hello_world_666, будет ждать пока не выполнится запрос, потом продолжит работу, разве не этого ты хотел?

мне нужно перебрать массив и выполнить ajax запрос с данными массива

что-то это вообще не похоже на текст из вопроса, ты точно знаешь чего хочешь?

Answer 2

[zkrvndm]

Проще простого. Запустите в консоли:

for (key in jsonData.checkList) {

	var response = await $.ajax({
		type: 'POST',
		url: '/action/action.php',
		data: jsonData.checkList[key],
		dataType: 'json' // Указываем, что ответ надо сразу распарсить, как JSON
	});
	
	console.log('Получены данные:');
	console.dir(response);
	
}

При использовании в коде не забудьте цикл обернуть в асинхронную функцию.