json 读取数据创建表格

最新推荐文章于 2025-09-25 09:19:17 发布

原创最新推荐文章于 2025-09-25 09:19:17 发布 · 7k 阅读

0 ·

CC 4.0 BY-SA版权

网站建设专栏收录该内容

740 篇文章

订阅专栏

本文介绍了一种使用JSON数据动态填充HTML表格的方法，并通过jQuery插件实现了数据更新及显示更新时间的功能。

json 读取数据创建表格

演示

  XML/HTML Code
 

  <div id="mssg"></div>  
<table id="dataTable" align="center">  
<thead>  
</thead>  
<tbody>  
</tbody>  
</table>  

 

  JavaScript Code
 

  <script type="text/javascript">  
    $("#dataTable").jsonTable({  
        head : ['#','Operating System','Market Share'],  
        json : ['id', 'name', 'share']  
    });  
  
    $("#dataTable").jsonTableUpdate({  
        source : "data.json",  
        rowClass : "rowClass",  
        callback : function(){  
            $("#mssg").html("Table updated at " + new Date());  
        }  
    });  
</script>  

 