Comment afficher ajax loading gif uniquement pour une requête spécifique?

Question

Comment affichez-vous ajax gif uniquement pour une demande spécifique? Par exemple, ma page appelle un service web toutes les 30 secondes dans un arrière-plan, et je ne veux pas montrer le gif pendant ce rappel. D'un autre côté je veux montrer le gif, quand je fais des requêtes ajax manuelles.

J'utilise jQuery.

edit: Je n'ai pas configuré le gestionnaire global comme indiqué ici http://api.jquery.com/ajaxStart/, juste en attachant à l'événement .ajaxStart. Mais je ne veux pas montrer/cacher le gif manuellement sur chaque demande aussi. J'ai besoin d'une solution générique.

Answer 1

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

Comme ça?

Answer 2

S'il vous plaît, essayez ceci:

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

HTH

Answer 3

J'utilise le BlockUI plugin, rend assez facile vraiment. Ceci est une simple fonction wrapper j'ai écrit pour un code de démonstration:

function wjBlockUI(msg) { 

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

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

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

}