如何把json输出至table

来源：懂视网责编：小采时间：2020-11-27 20:13:30

如何把json输出至table

如何把json输出至table:最近在写前端，无论大小知识点，都来给我的博客添块砖吧。话不多说其实就是一个简单的js 的for循环js代码：$(function(){ var str=[{name:"zy",age:111,sex:0,pass:1},{name:"zay",age:112},{name:

推荐度：

点击下载本文 文档为doc格式

导读如何把json输出至table:最近在写前端，无论大小知识点，都来给我的博客添块砖吧。话不多说其实就是一个简单的js 的for循环js代码：$(function(){ var str=[{name:"zy",age:111,sex:0,pass:1},{name:"zay",age:112},{name:

最近在写前端，无论大小知识点，都来给我的博客添块砖吧。

话不多说其实就是一个简单的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 = '';
	 for(var i=0;i<obj.length;i++){/
	 ht = ht+'<tr>';
	 ht = ht + '<td>' + obj[i].name + '</td>';
	 ht = ht + '<td>' + obj[i].age + '</td>';
	 ht = ht + '<td>' + obj[i].sex + '</td>';
	 ht = ht + '<td>' + obj[i].pass + '</td>';
	 ht = ht+'</tr>';
	 }
	 $('#tb').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

推荐度：

点击下载本文 文档为doc格式

标签：如何如何将输出

热门焦点

如何把json输出至table

如何把json输出至table

如何把json输出至table

最新推荐

猜你喜欢

热门推荐