使用JSON在Javascript中生成動態表格

我想製作一個使用JSON構建的Javascript表格。這個JSON是從後端發送的（使用Django），所以可以隨時更改。列的名稱將是類別。我的JSON形式如下：使用JSON在Javascript中生成動態表格

var data = [ 
{ 
    "title": "Leadership", 
    "category": "humaninteraction" 
}, 
{ 
    "title": "Maintenance procedures", 
    "category": "procedures" 
}, 
{ 
    "title": "Situational Awareness", 
    "category": "environmentsituations" 
}, 
{ 
    "title": "Self-Criticism", 
    "category": "self" 
}, 
{ 
    "title": "Tools", 
    "category": "aircraft" 
}];

來源

2016-04-26 Khoa Nguyen

讓我們瞭解您已經嘗試到現在 –

嘗試[jqGrid的（http://www.trirand.com/blog/jqgrid/jqgrid.html）或[DHTMLX（HTTP：// dhtmlx.com）如果你正在尋找一個框架，否則你可以迭代和建立自己的東西 – joyBlanks

您可以使用$.getJSON()來獲取JSON從後端和使用$.each()打造每一行。就像這樣：

function generateTable(){  
    var rows = ''; 
    $.getJSON("backend/method", function(data) { 
     $.each(data, function(key, val) { 
     rows += '<tr>'; 
     rows += '<td>' + data.title + '</td>'; 
     rows += '<td>' + data.category+ '</td>'; 
     rows += '</tr>'; 
     }); 
    }); 
    $('#tableId').append(rows); 
}

來源

2016-04-26 20:15:39 DCruz22

使用JSON在Javascript中生成動態表格

回答

相關問題