首頁 > 文章 > web前端 > 如何把 json輸出至table

如何把 json輸出至table

一个新手原創: 2017-09-08 13:15:471768瀏覽

最近在寫前端，無論大小知識點，都來為我的部落格添塊磚吧。

話不多說其實就是一個簡單的js 的for迴圈

js程式碼：

$(function(){
	var str=[{name:"zy",age:111,sex:0,pass:1},{name:"zay",age:112},{name:"zby",age:113},{name:"zcy",age:114}];
	obj=eval(str);
	  var ht = &#39;&#39;;
	  for(var i=0;i<obj.length;i++){/
	    ht = ht+&#39;<tr>&#39;;
	    ht = ht + &#39;<td>&#39; + obj[i].name + &#39;</td>&#39;;
	    ht = ht + &#39;<td>&#39; + obj[i].age + &#39;</td>&#39;;
	    ht = ht + &#39;<td>&#39; + obj[i].sex + &#39;</td>&#39;;
	    ht = ht + &#39;<td>&#39; + obj[i].pass + &#39;</td>&#39;;
	    ht = ht+&#39;</tr>&#39;;
	  }
	  $(&#39;#tb&#39;).append(ht);
})

html程式碼

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格</title>
		<link rel="stylesheet" href="css/table.css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/table.js"></script>
	</head>
	<body>
		<p>
			<table id="tb" >
				<tr>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
			</table>
		</p>
	</body>
</html>

以上是如何把 json輸出至table的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多