①js循环读取json数据的方式:

var data=[{"uid":"2688","uname":"*江苏省南菁高级中学 022","sum":274.23},{"uid":"2689","uname":"*江阴国际会展中心管理有限公司 024","sum":0},{"uid":"2686","uname":"江苏申利实业股份有限公司 001","sum":7917.94},{"uid":"2715","uname":"江阴市吉达针纺有限公司 115","sum":41.39},{"uid":"2688","uname":"*江苏省南菁高级中学 022","sum":274.23}]
for(var i=0;i<data.length;i++){
alert(i);
alert(data[i]);
alert("id:"+data[0].uid+"name:"+data[0].uname);

②将读取到的数据用js写成表格:

html部分:

<table id="table">
<tr>
<th>uid</th>
<th>uname</th>
<th>sum</th>
</tr>
</table>

js部分:

window.onload=function(){
var data=[{"uid":"2688","uname":"*江苏省南菁高级中学 022","sum":274.23},{"uid":"2689","uname":"*江阴国际会展中心管理有限公司 024","sum":0},{"uid":"2686","uname":"江苏申利实业股份有限公司 001","sum":7917.94},{"uid":"2715","uname":"江阴市吉达针纺有限公司 115","sum":41.39},{"uid":"2688","uname":"*江苏省南菁高级中学 022","sum":274.23}]
/*for(var i=0;i<data.length;i++){
alert(i);
alert(data[i]);
alert("id:"+data[0].uid+"name:"+data[0].uname)
}*/js循环读取json数据
var table=document.getElementById("table");
for(var i=0;i<data.length;i++){
var row=table.insertRow(table.rows.length);
var c1=row.insertCell(0);
c1.innerHTML=data[i].uid;
var c2=row.insertCell(1);
c2.innerHTML=data[i].uname;
var c3=row.insertCell(2);
c3.innerHTML=data[i].sum;
}
}

运行结果:

表格样式可在css中自定义。

如有疑问,可留言!

最新文章

  1. 小例子 熟悉jquery
  2. asp.net mvc 设置启动页面在区域中
  3. 【SIGGRAPH】用【有说服力的照片真实】技术实现最终幻想15的视觉特效
  4. Java和Android文件操作
  5. DelPhi学习网站
  6. 给JBoss种蛊分析
  7. jdk安装与环境变量配置(一劳永逸)
  8. 二模 (8) day1
  9. swift皮筋弹动发射飞机
  10. 让Cocos2D-X的示例程序运行起来
  11. 使用ORACLE SQL Tuning advisor快速优化低效的SQL语句
  12. 安装jdk时出现java -version权限不够问题
  13. python文件操作及os模块常用命令
  14. C#设计模式之二十二备忘录模式(Memeto Pattern)【行为型】
  15. emWin监护仪界面设计,含uCOS-III和FreeRTOS两个版本
  16. puppet一些常用的参数
  17. Centos6.6搭建Maven私服
  18. plt 数据可视化
  19. 使用filter导致服务器返回的页面始终是空白---在doFilter中漏写了chain.doFilter()
  20. Shell编程-01-Shell脚本初步入门

热门文章

  1. 查询pthread库的函数
  2. [转]使用 YCombo 做 JS /CSS开发 合并 压缩
  3. CBoard数据分析实战
  4. javascript获取行间样式和非行间样式--兼容写法
  5. static 和 final 和 static final
  6. stm32 外部中断学习
  7. 虚拟机复制操作CentOS6导致eth0转为eth0以至于网络服务启动失败的解决方案
  8. HIbernate基于外键的查询
  9. net 总数据中取随机几条数据
  10. Entity Framework中IQueryable, IEnumerable, IList的区别[转]