从JSON数据填充大表行

我正在尝试使用JSON数据填充表

这就是我的想法

$.ajax({ dataType: "json", url: "music.json" }) .done(function(gamesjson){ DATA = gamesjson; buildTable(DATA ); // this one is calling the above code }) .fail(function(){ console.log("music.json error"); }) ; function buildTable(DATA){ var gl = $("#gl"); $.each(DATA.music, function(index, value) { // code to populate table ?? } $("#gl").append(gl); } 

我在buildTable（）中写什么？ 另外，如果我的json包含1000行，那么构建表的最佳方法是什么？

请举例和解释。 谢谢

http://jsfiddle.net/9u4zR/1/

Answer 1

像这样的东西：

 function buildTable(DATA){ var table = ""; $.each(DATA.music, function(index, value) { table += ""; } table += "
" + value.col1 + "
" + value.col2 + "
"; $("#gl").append(table); } 

当然，您需要将col1和col2替换为实际属性的名称，并根据需要添加更多列。 您可能还想指定类或样式。 但是这会向您显示一般结构，您可以根据应用需要对其进行优化。

Answer 2

使用java脚本模板技术它将帮助您在客户端呈现您的JSON响应，我使用php的doT.js ，它可以帮助您创建您的html模板并将对象绑定到它