灌装从JSON数据

一个大表行我试图填补使用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/

来源

2013-10-18 CuriousDev

事情是这样的：

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

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

来源

2013-10-18 23:57:02 Barmar

谢谢barmar。正如你所看到的，如果有10列填充HTML将会搞砸。一位用户回答使用模板。你有这样的例子吗？ – CuriousDev

如果有10个colums填充，为什么HTML会搞砸？我不使用任何模板系统，所以我不能给你提供建议。他告诉你一个模板系统，我确定它的网站有例子。 – Barmar

我的意思是这样的：表+ = “” + value.col1 + “” + value.col2 + “ + value.col3 +” + value.col4 +“ + value.col5 + “ + value.col6 +” + value.col7 + “ + value.col8 +”“ – CuriousDev

使用Java脚本，模板技术它会帮助你呈现在客户端的JSON响应，我使用doT.js用PHP，它帮助您创建HTML模板和对象绑定到它

来源

2013-10-18 23:53:01

灌装从JSON数据

回答

相关问题