<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
</head>
<body>
<table>
<thead>
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
<script>
{name :"张梅",age:25,sex:"女"},
{name :"王五",age:17,sex:"男"},
{name :"何六",age:36,sex:"女"},];
//放在数组里面的话,对IE8一下的浏览器的兼容性做的处理
var strHTMLArray = [];
for (var i = 0; i < data.length; i++) {
var name = data[i].name;
var age = data[i].age;
var sex = data[i].sex;
var HTMLstr ="";
HTMLstr +="<tr>";
HTMLstr +="<td>"+ name +"</td>";
HTMLstr +="<td>"+ age +"</td>"
HTMLstr +="<td>"+ sex +"</td>"
HTMLstr +="</tr>";
strHTMLArray.push(HTMLstr);
}
$('#tbody').html(strHTMLArray.join(''));
});
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
</head>
<body>
<table>
<thead>
<tr>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
<script>
$(function () {
//这些数据都是动态的从后台拿过来的,我这里就写死了。有可能数据的格式也不是这样的,如果有什么疑问,欢迎大家一起交流
var data = [{name :"张三",age:18,sex:"男"},{name :"张梅",age:25,sex:"女"},
{name :"王五",age:17,sex:"男"},
{name :"何六",age:36,sex:"女"},];
//放在数组里面的话,对IE8一下的浏览器的兼容性做的处理
var strHTMLArray = [];
for (var i = 0; i < data.length; i++) {
var name = data[i].name;
var age = data[i].age;
var sex = data[i].sex;
var HTMLstr ="";
HTMLstr +="<tr>";
HTMLstr +="<td>"+ name +"</td>";
HTMLstr +="<td>"+ age +"</td>"
HTMLstr +="<td>"+ sex +"</td>"
HTMLstr +="</tr>";
strHTMLArray.push(HTMLstr);
}
$('#tbody').html(strHTMLArray.join(''));
});
</script>
</body>
</html>