[英]Parsing JSON objects to HTML table
我正在嘗試將JSON對象解析為html表,但是似乎無法正確處理。
所需格式:
Last Year This Year Future Years
45423 36721 873409
當前格式:
Last Year 45423
This Year 36721
Future Years 873409
JSON:
[{column_name:"Last Year", "column_data":45423},{column_name:"This Year", "column_data":36721},{column_name:"Future Years", "column_data":873409}]
HTML:
<div class="panel-body">
<div id="main-aged-debtors-bar" style="height: 250px"></div>
<div>
<table class="table table-hover" id="crpw_table">
<thead>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
碼:
$.getJSON(url, jsonObject,
function (data) {
for (var i = 0; i < data.length; i++) {
tr = $('<tr/>');
tr.append("<td>" + data[i].column_name + "</td>");
tr.append("<td>" + data[i].column_data + "</td>");
$('#crpw_table').append(tr);
}
});
沒什么不同
$.getJSON(url, jsonObject,
function (data) {
tr1 = $('<tr/>');
tr2 = $('<tr/>');
for (var i = 0; i < data.length; i++) {
tr1.append("<td>" + data[i].column_name + "</td>");
tr2.append("<td>" + data[i].column_data + "</td>");
}
$('#crpw_table').append(tr1);
$('#crpw_table').append(tr2);
}
);
$.getJSON(url, jsonObject,
function (data) {
var tr = $('<tr/>');
for (var i = 0; i < data.length; i++) {
tr.append("<td>" + data[i].column_name + "</td>");
}
$('#crpw_table').append(tr);
tr = $('<tr/>');
for (i = 0; i < data.length; i++) {
tr.append("<td>" + data[i].column_data + "</td>");
}
$('#crpw_table').append(tr);
});
嘗試,
$.getJSON(url, jsonObject,
function (data) {
var tr1 = $('<tr/>');
var tr2 = $('<tr/>');
for (var i = 0; i < data.length; i++) {
tr1.append("<td>" + data[i].column_name + "</td>");
tr2.append("<td>" + data[i].column_data + "</td>");
}
$('#crpw_table').append(tr1).append(tr2);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.