java - 想在 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()您为下拉列表发出的特定调用）。