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

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，您可以在$.get()上发送success回调（因此，当接收到数据时），并使用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);
     }
 }