您的位置：首页 > Web前端 > JavaScript

getJSON 2 取值

2016-05-06 17:30 561 查看

<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}]
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航