显示加载图标，直到表加载完毕

Question

我有一些javascript/jQuery ，可以在单击搜索按钮时加载表格，并且不进行页面加载。 通常，当我想显示一个加载图标时，只要页面加载完毕，我都会将其关闭...但是，此页面上没有页面加载。 用户在搜索之前可能会在页面上停留5分钟，当他们单击搜索按钮时，将显示加载图标，并且一旦表格加载了结果，该用户将被关闭...

谁能指出我正确的方向来实现这一目标？

Answer 1

将正在加载的文本/图像放在div 。

<div id="loading" style="display: none;">Loading..</div>

使用jQuery ajaxStart和ajaxStop方法控制以上div的外观。

$(document).ajaxStart(function(){
  $("#loading").show();
}).ajaxStop(function() {
  $("#loading").hide();
});

只要有活动的AJAX调用，上述方法就会触发。