html - ajax调用上的jquery加载屏幕

Question

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

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

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

我怎样才能以一般方式执行此操作，以便为每个呼叫自动显示加载屏幕？

同样的问题被张贴在这里，但没有给出答复。

Answer 1

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

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

Answer 2

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

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