首页>>Jquery文字>>json 读取数据创建表格(2013-12-08)

json 读取数据创建表格

json 读取数据创建表格
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div id="mssg"></div>  
  2. <table id="dataTable" align="center">  
  3. <thead>  
  4. </thead>  
  5. <tbody>  
  6. </tbody>  
  7. </table>  

 

JavaScript Code
  1. <script type="text/javascript">  
  2.     $("#dataTable").jsonTable({  
  3.         head : ['#','Operating System','Market Share'],  
  4.         json : ['id', 'name', 'share']  
  5.     });  
  6.   
  7.     $("#dataTable").jsonTableUpdate({  
  8.         source : "data.json",  
  9.         rowClass : "rowClass",  
  10.         callback : function(){  
  11.             $("#mssg").html("Table updated at " + new Date());  
  12.         }  
  13.     });  
  14. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_157.html