显示加载图标,直到加载表格

时间:2016-05-26 13:26:05

标签: javascript jquery onclick loading

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

有人能指出我正确的方向来实现这个目标吗?

1 个答案:

答案 0 :(得分:4)

将加载文字/图片放入div

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

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

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

只要有活跃的AJAX来电,就会触发上述方法。