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

Question

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

Я использую 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 plugin, делает это довольно легко на самом деле. Это простая функция упаковщик я написал какое-то демо-код:

function wjBlockUI(msg) { 

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

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

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

}