想要在getJson调用之前预先加载一段图像

Question

我正在使用getJson调用dropdown。我希望这个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()来电）。