JQuery是一個快速且使用方便的JavaScript框架，可以幫助開發(fā)人員快速實現(xiàn)前端功能和頁面交互效果，其中針對與Json數(shù)據(jù)的操作，有著很好的支持。Json數(shù)據(jù)的呈現(xiàn)方式很多，我們這里介紹Json數(shù)據(jù)轉(zhuǎn)成Table的方法。

var data = [
{
"name": "張三",
"age": 23,
"gender": "男"
},
{
"name": "李四",
"age": 26,
"gender": "女"
},
{
"name": "王五",
"age": 24,
"gender": "男"
}
];
var table = $("");
var th = $("");
for (var key in data[0]) {
var td = $("" + key + "");
th.append(td);
}
table.append(th);
$.each(data, function(i, item) {
var tr = $("");
$.each(item, function(j, val) {
var td = $("" + val + "");
tr.append(td);
});
table.append(tr);
});
$("body").append(table);

上述代碼實現(xiàn)了將Json數(shù)組轉(zhuǎn)成表格，其中的周轉(zhuǎn)也比較簡單。首先創(chuàng)建一個table元素，通過循環(huán)遍歷數(shù)據(jù)的第一個元素里面的屬性，創(chuàng)建th元素。然后再次通過循環(huán)遍歷Json數(shù)組，依次創(chuàng)建tr和td標(biāo)簽，并將對應(yīng)屬性的值添加到td元素中。最后，將每個tr元素添加到table元素中，表格就創(chuàng)建完成了。