使用 JSON 数据创建表的 jQuery 函数

Question

如何使用 jQuery 从本地文件检索 JSON 对象并将其显示在表格中？以下是 JSON 文件 (jsondata.json) 的内容:

{
"scores" : [ ["3/1/2011", 610],["4/1/2011", 610],["5/1/2011", 610],["6/1/2011", 610], ["7/1/2011", 720], ["8/1/2011", 500], ["9/1/2011", 500] ]
}

Answer 1

示例 - 演示 http://jsfiddle.net/kVdZG/

您可以迭代并追加元素。

<table id='scores' border="1"></table>  

JS-

var data = { "scores" : [ ["3/1/2011", 610],["4/1/2011", 610],["5/1/2011", 610],["6/1/2011", 610], ["7/1/2011", 720], ["8/1/2011", 500], ["9/1/2011", 500] ] }


$(data.scores).each(function(index, element){  
     $('#scores').append('<tr><td> '+element[0]+' </td> <td> '+element[1]+' </td></tr>');       
})