灌裝從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數據

回答

相關問題