хочу предварительно загрузить изображение на некоторое время перед вызовом 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(), вызываемым вами для выпадающего списка).