加载表时显示页面加载图标

Question

我在html文件中有<table id="table" class="table table-striped">的表格 我调用getTableData函数并使用jquery

动态更新表

     $(document).ready(function(){
            getTable();
           $(document).ajaxStop(function () {
          ...
    });

我使用ajaxStop在渲染表后运行下一个函数。

    function getTable(){
    $.get("api/table", function(data){
    setTable(data);
    }
}

其中setTable呈现表格。如何在获取表数据时显示加载图标？

Answer 1

使用jQuery，您可以在success上发送$.get()回调（因此在收到数据时）并使用CSS类处理您的加载：

 function getTable(){
     // Before call your server Add loading style
     $('#table').addClass('is-loading')
     $.get("api/table", function(data){
          // Just after receiving data Remove loading style
          $('#table').removeClass('is-loading')
          setTable(data);
     }
 }