jquery - 如何仅针对特定请求显示 ajax 加载 gif？

Question

您如何仅针对特定请求显示 ajax gif？例如，我的页面在后台每 30 秒调用一次网络服务，我不想在此回调期间显示 gif。另一方面，当我发出手动 ajax 请求时，我想显示 gif。

我正在使用 jQuery。

编辑：我没有设置全局处理程序，如下所示http://api.jquery.com/ajaxStart/，只是附加到 .ajaxStart 事件。但我也不想在每个请求上手动显示/隐藏 gif。我需要一些通用的解决方案。

Answer 1

$('#manualRefresh').click(function(){
    $('#myContainer').html('<img src="my-ajax-gif.gif">');
    $.get( ..., function(data){ ('#myContainer').html(data) });
});

像那样？

Answer 2

请试试这个：

$('#save').click(function(){
    $('#ShowLoading').show();
    $.ajax( ..., success:function(data){....$('#ShowLoading').hide();}, 
          error:function(){....$('#ShowLoading').hide();});
});

高温高压

Answer 3

我使用BlockUI 插件，真的很容易。这是我为一些演示代码编写的简单包装函数：

function wjBlockUI(msg) {

var defaultMsg = '<img src="../images/activity.gif" />';

if (null !== msg) {
    defaultMsg = msg
}

$.blockUI({ overlayCSS: { backgroundColor: '#aaa' }, message: defaultMsg });

}