JQuery несколько AJAX загрузки анимации на вызовы

Question

На странице есть другой элемент, который я связываю с разными вызовами Ajax. Например, один a.click запрашивает x.php, другой по той же странице запрашивает y.php.

Что мне нравится делать, так это размещать для каждого отдельное загрузочное изображение. ajaxStart и ajaxStop не будут этого делать, поскольку они запускаются каждый раз, независимо от того, какой из них вызвал.

Так, как я могу сделать это для индивидуальных звонков?

Answer 1

Вы можете использовать обратные вызовы beforeSend и complete в отдельных $.ajax вызовах, например:

$.ajax({
  url: 'myPage1.html',
  beforeSend: function() { 
    $("#loading1").fadeIn();
  },
  success: function(data) {
    //Current code
  },
  complete: function() {
    $("#loading1").fadeOut('fast');
  }
});


$.ajax({
  url: 'myPage2.html',
  beforeSend: function() { 
    $("#loading2").fadeIn();
  },
  success: function(data) {
    //Current code
  },
  complete: function() {
    $("#loading2").fadeOut('fast');
  }
});

Смотрите здесь полный список доступных обратных вызовов