在ajax调用上的jquery加载屏幕

Question

每当使用jquery进行ajax调用时，我想在我的Web应用程序中显示一个加载屏幕。

现在，进行了各种ajax调用：$ .getJSON，$。post，$ .ajaxFileupload，...

附加成功功能，取消了“加载”屏幕。

如何以一般方式执行此操作，因此每次调用都会自动显示加载屏幕？

同样的问题已发布here，但没有给出答复。

Answer 1

您可以使用$.ajaxStart和$.ajaxStop方法：

$(function() {
  $(document).ajaxStart(function() {
    // Show loading dialog
  });
  $(document).ajaxStop(function() {
    // Hide loading dialog
  });
});

Answer 2

$.ajaxSetup({
    beforeSend : callback,
    complete : anotherCallback
});

将回调替换为您要附加到事件的函数。