<script>
$(document).ready(function () {
$.getJSON("JsonFile/json.txt", function (jsonData) {
//获取表格模板
// $.get("TableTemple/TabTemple.html", "", function (tableData) {
//alert(tableData);
for (var i = 0; i < jsonData.Student.length; i++) {
if (i % 2 == 0) {
//奇数行
$("#TBContent").append("<tr><td>" + jsonData.Student[i].Name + "</td><td>" + jsonData.Student[i].Age + "</td></tr>");
} else {
//偶数行
$("#TBContent").append("<tr style=\"background-color:red\"><td>" + jsonData.Student[i].Name + "</td><td>" + jsonData.Student[i].Age + "</td></tr>");
}
}
//});
});
});
</script>
<body>
<form id="form1" runat="server">
<table>
<thead>
<tr style="background-color:blue">
<th>姓名</th>
<th>年龄</th>
</tr>
</thead>
<tbody id="TBContent">
</tbody>
</table>
</form>
</body>
json.txt 内容:
{
"Student":[{"Name":"Tom","Age":8},{"Name":"Valu","Age":7},{"Name":"Yang","Age":4},{"Name":"Dai","Age":3}]
}