javascript - 如何使用 jquery 和 deferreds 改进 Ajax 调用？

Question

我正在 $(document).ready(function(){} 中进行四个或更多 ajax 休息调用。 作为一种破解，我将 .done() 添加到最大的调用中。这是工作。”我想改进并为页面的一部分而不是整个页面添加旋转 gif。我尝试了整个 body 的方法，微调器在我的页面转换时启动。我想避免这种情况。

$.getJSON("//urls", function( data ) { data122 = data });
$.getJSON("//urls", function( data ) { data212 = data});
$.getJSON("//urls", function( data ) { data21 = data});
$.getJSON("//urls", function( data ) { data12 = data});


$.getJSON("//urls", function( data ) { survey = data})
    .done(function() {

}

Answer 1

另一种选择是使用延迟:

$(function() { // on document ready
    $("#spinner").show(); // show the spinner

    var a = $.getJSON(...);
    var b = $.getJSON(...);
    // more calls...

    $.when(a,b).always(function() {
        $("#spinner").hide();
    });
});

http://api.jquery.com/category/deferred-object/