如何应用这个ajax预加载器？

Question

<script type="text/javascript">
$(document).ready(function()
{
    $('#loading')
        .hide()
        .ajaxStart(function() {
            $(this).show();
        })
        .ajaxStop(function() {
            $(this).hide();
        });
});

        数据加载中....

有人可以通过示例告诉我在哪里将其应用于实际的ajax调用吗？我对这段代码的应用感到困惑。

Answer 1

您必须在ajaxStart

上致电document

  

From Docs

     

从jQuery 1.8开始，.ajaxStart（）方法只应附加到文档。

试试这个：

$(function(){
    var $loading = $('#loading').hide();
    $(document).ajaxStart(function() {
       $loading.show();
    }).ajaxStop(function() {
        $loading.hide();
    });
});