javascript - 在 AJAX 请求期间显示微调器？

Question

显示微调器的最佳方式是什么？

我准备了一个 div(id="spinner")，它应该在加载期间可见。

Answer 1

你使用 jQuery 吗？

如果是这样你可以使用:

ajaxStart 和 ajaxStop:http://docs.jquery.com/Ajax

例如:

$(function(){

    // hide it first
    $("#spinner").hide();

    // when an ajax request starts, show spinner
    $.ajaxStart(function(){
        $("#spinner").show();
    });

    // when an ajax request complets, hide spinner    
    $.ajaxStop(function(){
        $("#spinner").hide();
    });
});

如果您有很多并发请求，您可以使用递增和递减的请求计数器进行微调。

如果您不使用 jQuery，请查看 jQuery 源代码，ajaxStart 实际上在普通的旧 javascript 中注册了哪些事件。

HTH亚历克斯