显示加载图标直到 table 已加载

Question

我有一些 javascript/jQuery 在单击搜索按钮时加载 table 并且不加载页面。通常当我想显示一个加载图标时，我会在页面加载后将其关闭......但是没有页面加载。用户在搜索之前可能会在页面上停留 5 分钟，当他们单击搜索按钮时，会出现加载图标，一旦 table 加载了他们的结果，它就会关闭...

任何人都可以指出我实现这一目标的正确方向吗？

Answer 1

在 div 中放置一个 Loading text/image。

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

使用jQuery ajaxStart & ajaxStop 方法控制上述 div 的外观。

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

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

显示加载图标直到 table 已加载

Show loading icon until table has loaded

javascript

jquery

loading

onclick