1.前端之路-json的小练习
来源:互联网 发布:dota2位置 知乎 编辑:程序博客网 时间:2024/05/17 03:57
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<title>Document</title>
<style>
td{
width: 150px;
height: 30px;
background-color: rgba(10,100,10,0.3);
}
</style>
</head>
<body>
<script>
//假定下面的数据是从服务器获取到的
var jsonstr='[{"name":"aaa","age":30},{"name":"bbb","age":25},{"name":"ccc","age":18}]'
function textJson(){
var jsonobj = JSON.parse(jsonstr)
// alert(jsonstr);
// alert(jsonobj);
// output(jsonobj);
}
function output(o){
document.write('<table><tr><th>key</th><th>value</th></tr>');
for(var i in o){
for(var j in o[i]){
document.write('<tr><td>' +j+ '</td>' + '<td>' + o[i][j] + '</td></tr>')
}
}
document.write('</table>')
}
textJson();
</script>
</body>
</html>
阅读全文
0 0
- 1.前端之路-json的小练习
- 学习web前端做的小练习
- 【Web 前端】小练习
- 前端小练习
- 超服贴!前端必修的项目练习之路
- 一个前端小白的面试之路
- 一个前端小白的渐进之路
- 一个前端小白的渐进之路
- 一个前端小白的渐进之路
- 一个前端小白的渐进之路
- 一个小律师的半年前端学习之路
- 一个前端小白的蜕变之路
- ACM小练习之字符串的处理
- python学习之小的练习程序
- Python之路---一些小练习
- 前端学习之路——盒子模型练习
- WEB前端之JSON使用方法
- 前端自动化之package.json
- [spring mvc踩坑填坑]spring mvc文件上传路径问题
- (2)深入理解java虚拟机笔记整理之类加载机制
- Qt 学习之路 2(80):定位器
- 图像深度简笔
- Codeforces Round #438 by Sberbank and Barcelona Bootcamp (Div. 1 + Div. 2 combined)
- 1.前端之路-json的小练习
- ping命令整个过程详解
- HB889 WIN7启动报错 修复方法
- 1050. 螺旋矩阵(25)
- Java网络编程之BIO(Socket)-yellowcong
- 在带头节点的单链表中,删除所有值为x的节点(Java实现)
- Hibernate的关联关系映射
- Sublime Text 3 搭建Python开发环境 码代码 美如画
- python中的append与extend