在 AJAX 请求上显示加载对话框答案

【问题标题】：show loading dialog on AJAX request在 AJAX 请求上显示加载对话框
【发布时间】：2011-10-14 14:38:54
【问题描述】：

在我的 Grails 应用程序中，我想在 AJAX 请求正在进行时显示某种视觉指示器（可能是模式对话框）。

我对所有 AJAX 请求都使用 JQuery，目前它们都是使用 Grails 标签触发的，但我希望我最终需要直接使用 JQuery 函数（例如$.ajax）。

有没有什么方法可以让这个加载对话框在每次 AJAX 请求开始/完成时出现/消失，而不必在我进行 AJAX 调用的每个地方重复代码？

【问题讨论】：

查看api.jquery.com/category/ajax/global-ajax-event-handlers

【解决方案1】：

$("#loading_animation").bind({
    ajaxStart: function() { $(this).show(); },
    ajaxStop: function() {  $(this).hide(); }
});

【讨论】：

【解决方案2】：

如果是我，我会切换到显式使用 jquery。使用 jQuery，您可以配置所有 ajax 请求将使用的设置

$.ajaxSetup({
   beforeSend: function(xhr, settings) {
     // do mask here
   },
   complete: function(xhr,textStatus){
     // remove mask here
   }

});

我找到了这一切here。

【讨论】：

使用 Graila 标签启动 AJAX 请求时可能会起作用，因为它最终仍然调用 JQuery 函数。