Как показать ajax загрузочный gif только для конкретного запроса?

Question

Как вы показываете ajax gif только для конкретного запроса? Например, моя страница вызывает веб-сервис каждые 30 секунд в фоновом режиме, и я не хочу показывать GIF во время этого обратного вызова. С другой стороны, я хочу показать gif, когда я делаю ручные запросы ajax.

Я использую jQuery.

edit: я не настроил глобальный обработчик, как показано здесь 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 });

}