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

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);
     }
 }