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

See here for a full list of available callbacks