Je souhaite précharger une image avant l'appel getJson

Question

J'utilise un appel getJson pour les listes déroulantes. Je veux avoir un effet de préchargement d'image pour cet appel ajax. Quelqu'un peut-il m'aider avec cela ... ?? Mon code suivant:

$.getJSON("myAction.do?method=fetchThruAJAX", { 
    TypeNo: $("#Type").val(), 
    ajax: 'true' 
}, function(j) { 
    var options = '<option selected value="-1">---Select---</option>'; 
    if (j != null) { 
     $.each(j.Model, function(i, item) { 
      options += '<option value="' + item.SeqNo + '">' 
       + item.Name + '</option>'; 
     }); 
    } 
    $("select#Model").html(options); 
}); 

Answer 1

Vous pouvez le faire en utilisant globalement la ajaxStart et ajaxStop événements:

$("#yourEffectContainerID").ajaxStart(function() { 
    $(this).fadeIn("fast"); 
}).ajaxStop(function() { 
    $(this).fadeOut("fast"); 
}); 

De cette façon, votre conteneur d'effet sera affiché pendant toutes requêtes AJAX (de sorte que le comportement ne se limite pas à l'appel spécifique getJSON() que vous émettez pour votre liste déroulante).