How to stop the loop before ajax is done?

Question

AJAX

Hello, how to stop the loop before ajax execution and continue after execution? The response of one cycle is about 5 seconds, there can be up to 40 cycles, it is necessary that the browser does not freeze.

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

Answer 1

In JavaScript, a loop forcan wait for the result of a promise at each iteration.

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

Answer 2

As easy as pie. Run in console:

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);
  
}

When using in code, don't forget to wrap the loop in an asynchronous function.