Как проверить выполнен ли ajax запрос «А», при этом не трогать «Б», «C» и т.д.?

Question

[Василий Петров]

Как проверить выполнен ли ajax запрос "А", при этом не трогать "Б", "C" и т.д.?

Что-то типа .ajaxComplete(), но только для одного определенного запроса?

Answer 1

[alex]

$(document).on('ajaxA', () => {
  console.log('ajaxA is complete');
});

ajaxA();
ajaxB();
ajaxC();

function ajaxA() {
  $.ajax({
    ...
    success() {
      $(document).trigger('ajaxA');
    }
    ...
  });
}
function ajaxB() {
  $.ajax(...);
}
function ajaxC() {
  $.ajax(...);
}

Comments

[Сергей delphinpro]

Зачем же делать отдельное событие? А вдруг потом ему понадобится ловить еще и ajaxB?

$(document).on('ajax', function(event, data){
  
  if (data == 'A') {
    console.log('AjaxA is complete!');
  }
  
});

$(document).trigger('ajax', ['A']);
$(document).trigger('ajax', ['B']);
$(document).trigger('ajax', ['C']);

[Василий Петров]

Всем спасибо, а с .load тоже самое?