json 输出到 table

来源：互联网发布：淘宝网连衣裙图片编辑：程序博客网时间：2024/06/05 19:12

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

话不多说其实就是一个简单的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>

阅读全文

0 0