Question

我正在尝试使用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

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

Answer 2

这样的事情：

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替换为实际属性的名称，并根据需要添加更多列。您也可能想要指定类或样式。但是这会向您显示一般结构，您可以根据应用需要对其进行优化。

从JSON数据填充大表行

2 个答案: