хочу предварительно загрузить изображение в течение некоторого времени до вызова getJson

Question

Я использую вызов getJson для выпадающих списков. Я хочу иметь эффект предварительной загрузки изображения для этого вызова ajax. Может ли кто-нибудь помочь мне с этим ... ?? Мой код следующим образом:

$.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

Вы можете сделать это в глобальном масштабе с помощью ajaxStart и ajaxStop события:

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

Таким образом, ваш эффект контейнера будет отображаться во всех AJAX запросов (так что поведение не ограничивается конкретным номером getJSON(), который вы вызываете для своего раскрывающегося списка).