首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在加载表时显示页面加载图标

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

Stack Overflow用户
提问于 2017-04-14 09:48:50
回答 1查看 41关注 0票数 1

我将html文件中的表作为<table id="table" class="table table-striped">,调用getTableData函数并使用jquery动态更新表。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
     $(document).ready(function(){
            getTable();
           $(document).ajaxStop(function () {
          ...
    });

在呈现表之后,我使用ajaxStop运行下一个函数。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    function getTable(){
    $.get("api/table", function(data){
    setTable(data);
    }
}

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-04-14 09:52:57

使用jQuery,您可以在$.get()上发送一个success回调(因此,当收到数据时),并使用CSS类处理加载:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 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);
     }
 }
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43416603

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文