如何使用ajaxStart显示加载微调器？

每当即将发送Ajax请求时，jQuery都会检查是否还有其他未完成的Ajax请求。如果没有正在进行中，则jQuery触发ajaxStart事件。

具有如下所示的加载gif图像

<div id="loading">     <img src="loading.gif" />  </div>

首先隐藏此加载div（因为要发送ajax请求时必须显示加载图像）。

   <script>        var $loading = $('#loading').hide();        //Attach the event handler to any element        $(document)          .ajaxStart(function () {  //ajax request went so show the loading image   $loading.show();          })        .ajaxStop(function () { //got response so hide the loading image  $loading.hide();         });   </script>

有关更多信息，请参见jQuery文档。

我需要调用ajax来执行ajaxStart吗？ 我怎么称呼它？

是的，当您触发ajax请求时，只有ajaxStart会被自动触发。

对于ajax，jquery有多种方法，下面我给出了load函数。

    $( ".result" ).load( "some_file.py" );

some_file.py输出将以类名result插入到div中。

要触发加载事件，您可以根据需要使用按钮单击或任何其他操作。

    $( ".trigger" ).click(function() {       $( ".result" ).load( "some_file.py" );    });