当前位置:  首页  >  前端开发  >  JavaScript

如何让一个json文件显示在表格里【实现代码】_javascript技巧

如何让一个json文件显示在表格里?下面小编就为大家带来一篇让一个json文件显示在表格里的实现代码。希望对大家有所帮助。一起跟随小编过来看看吧,祝大家游戏愉快哦

//首先得把架子搭起来
//js部分 《script》 //简单的json内容 var json = {"姓名":"张三","年龄":"26","?#21592;?:"男"}; //获取tr var tr = document.getElementsByTagName('tr'); //tr1和tr2下面会用到,但是要先声明,给一个空值 var tr1 = ''; var tr2 = ''; //用for in来进行遍历,k是键,json[k]是值 for(var k in json){ tr1+=''+k+''; tr2+=''+json[k]+''; } //tr1里放的是键,也就是姓名,年龄,?#21592;穡?#28982;后把这些信息放到第一个tr里 tr[0].innerHTML = tr1; //tr2里放的是值,也就是张三,26,男,把这些信息放到第二个tr里 tr[1].innerHTML = tr2; 《script》

以前想着如何才能把json的内容动态放到表格里面呢?有时候面试会被?#23454;劍?#24403;然面试时?#23454;?#26159;用ajax如何办到。但是我这里就写个简单的demo,现有的json放到表格里。这个demo我做了好几遍,虽然?#30475;?#25918;到表格里,但是样子都很古怪,有可能是一个竖排例如这样

姓名

张三

年龄

26

?#21592;?/p>

又有可能是这样

姓名

年龄

?#21592;?/p>

张三

26

但是我想要的是这样

姓名 年龄 ?#21592;?/p>

张三 26 男

在经过几次实验之后,发现需要在html骨架结构上做调整,一开始只放table标签是不行的,得加两个tr标签,最后用js把两个tr标签填充,才能达到想要的效果

以上这篇如何让一个json文件显示在表格里【实现代码】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

吐了个 "CAO" !
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright ? 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有
     
28玩法
华东15选5走势图浙江风彩网 重庆幸运农场开奖官网 歌颂贵州的散文诗 pk10技巧 冠亚和稳赚 幸运幸运飞艇 五人制足球世界杯集锦 如何利用下班后的时间赚钱 排列五走势图表2元网 北京快3开奖 大乐透17099开奖号码 新快3123 爱彩乐天津快乐十分 安徽11选5 一肖中特免费公开资料 快速时时彩官网