json 输出到 table

最新推荐文章于 2024-06-24 09:13:23 发布

zhang1088632743

最新推荐文章于 2024-06-24 09:13:23 发布

阅读量1.9k

点赞数 1

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/zhang1088632743/article/details/77891540

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

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

话不多说其实就是一个简单的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>
		<div>
			<table id="tb" >
				<tr>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
			</table>
		</div>
	</body>
</html>

zhang1088632743

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
3
评论
json 输出到 table

最近在写前端，无论大小知识点，都来给我的博客添块砖吧。话不多说其实就是一个简单的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);
复制链接

扫一扫