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

Question

[sdfsdf345]

Всем привет! Как мне организовать последовательные AJAX запросы в цикле. Догадываюсь , что нужно использовать async и await (чтобы следующий запрос начинался после того как завершиться предыдущий), но не могу это дело организовать. Заранее спасибо!

$('#form').on('submit', function(e){

    e.preventDefault();

    var numberOfRows = table.data().length; //Получаем количество строк в таблице

    for (var i = 0; i < numberOfRows; i++) {
      const trElem = table.row(i).node();
      const $rowControls = $('input,select,textarea', trElem);
      const serialized = $rowControls.serialize();  //Получаем в цикле с каждой строки данные для отправки

      async function SendRowData() {
     
     }
      }
});

Comments

[Rsa97]

А на кой нужен такой изврат? Что мешает собрать данные со всех строк и передать их одним запросом?

[sdfsdf345]

Rsa97, это групповые действия над аккаунтами пользователя и результат нужно получать в интерфейсе по факту каждого запроса (не моя прихоть). А так, я с Вами согласен, что проще отправить все одним запросом и по факту выполнения выдать каждый результат)

[sdfsdf345]

Rubix, конечно, это вариант, только браузер станет мертвым))

Answer 1

[Rsa97]

$('#form').on('submit', async function(e) {
  ...
  for (var i = 0; i < numberOfRows; i++) {
    ...
    const response = await fetch(...);
    ...
  }
}

Comments

[sdfsdf345]

Благодарю, очень хороший способ.