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

$.getJSON 和 $.each 的用法

2016-05-06 17:27 686 查看

<script src="Jquery/jquery.js"></script>
<script>
$(document).ready(function () {
var html = "";
$.getJSON("JsonFile/test.txt", function (data) {
$.each(data, function (Name, db) {
html += "<tr><th colspan='6'>" + Name + "</th></tr>";
var jsonarray = db;
for (var i = 0; i < jsonarray.length; i++) {
var jsonobj = jsonarray[i];
html += "<tr>";
for (var x in jsonobj) {
html += "<td class='tit'>" + x + "</td><td>" + jsonobj[x] + "</td>"
}
html += "</tr>";
}
})
$("#test").append(html);
})
});

</script>

<body>
<form id="form1" runat="server">
<table id="test">

</table>
</form>
</body>

test.txt 中的json数据：

{
"programmers": [
{
"firstName": "嘿嘿",
"lastName": "McLaughlin",
"email": "aaaa"
},
{
"firstName": "Jason",
"lastName": "Hunter",
"email": "bbbb"
},
{
"firstName": "Elliotte",
"lastName": "Harold",
"email": "cccc"
}
],
"authors": [
{
"firstName": "Isaac",
"lastName": "Asimov",
"genre": "science fiction"
},
{
"firstName": "Tad",
"lastName": "Williams",
"genre": "fantasy"
},
{
"firstName": "Frank",
"lastName": "Peretti",
"genre": "christian fiction"
}
],
"musicians": [
{
"firstName": "Eric",
"lastName": "Clapton",
"instrument": "guitar"
},
{
"firstName": "Sergei",
"lastName": "Rachmaninoff",
"instrument": "piano"
}
]
}

运行后结果：

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

标签：

相关文章推荐

新的分享

章节导航