欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何讓一個json文件顯示在表格里【實現(xiàn)代碼】

 更新時間：2016年05月09日 17:03:10   投稿：jingxian  
如何讓一個json文件顯示在表格里？下面小編就為大家?guī)硪黄屢粋€json文件顯示在表格里的實現(xiàn)代碼。希望對大家有所幫助。一起跟隨小編過來看看吧，祝大家游戲愉快哦
<body>
//首先得把架子搭起來
<table id = "tb" border="1">
 <tr></tr>
 <tr></tr>
</table>
//js部分
<script>
//簡單的json內(nèi)容
var json = {"姓名":"張三","年齡":"26","性別":"男"};
//獲取tr
var tr = document.getElementsByTagName('tr');
//tr1和tr2下面會用到，但是要先聲明，給一個空值
var tr1 = '';
var tr2 = '';
//用for in來進(jìn)行遍歷，k是鍵，json[k]是值
for(var k in json){
 tr1+='<th>'+k+'</th>';
 tr2+='<td>'+json[k]+'</td>';
}
//tr1里放的是鍵，也就是姓名，年齡，性別，然后把這些信息放到第一個tr里
tr[0].innerHTML = tr1;
//tr2里放的是值，也就是張三，26，男，把這些信息放到第二個tr里
tr[1].innerHTML = tr2;
</script>

以前想著如何才能把json的內(nèi)容動態(tài)放到表格里面呢？有時候面試會被問到，當(dāng)然面試時問的是用ajax如何辦到。但是我這里就寫個簡單的demo，現(xiàn)有的json放到表格里。這個demo我做了好幾遍，雖然每次放到表格里，但是樣子都很古怪，有可能是一個豎排例如這樣

姓名

張三

年齡

26

性別

男

又有可能是這樣

姓名

年齡

性別

張三

26

男

但是我想要的是這樣

姓名   年齡   性別

張三    26     男

在經(jīng)過幾次實驗之后，發(fā)現(xiàn)需要在html骨架結(jié)構(gòu)上做調(diào)整，一開始只放table標(biāo)簽是不行的，得加兩個tr標(biāo)簽，最后用js把兩個tr標(biāo)簽填充，才能達(dá)到想要的效果

以上這篇如何讓一個json文件顯示在表格里【實現(xiàn)代碼】就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論