這是一種使用jQuery從JSON數據填充表格的有效方法,還是有更好/更便宜的方法?最大行數將在100左右。我不想使用插件。使用jQuery填充JSON表格
JS:
$.ajax({
url: 'public.json',
dataType: 'json',
success: function(data) {
var row = '<tr class="header">';
for (var i in data.headers) {
row += '<th style=""><a href="#" class="sort"><span>' + data.headers[i] + '</span></a></th>';
}
row += '</tr>'
$(row).appendTo('table.data');
row = '';
for (var i in data.rows) {
row += '<tr id="' + i + '">';
row += '<td>' + data.rows[i].date + '</td>';
row += '<td>' + data.rows[i].company + '</td>';
row += '<td>' + data.rows[i].location + '</td>';
...
row += '</tr>';
}
$(row).appendTo('table.data');
},
});
JSON:
{
"headers": {
"date": "Date",
"company": "Company",
"location": "Location",
...
},
"rows": [{
"date": "09/18/2011",
"company": "Company name",
"location": "US",
...
},
...
}
編輯:本質上講,我試圖找出是否結塊所有行到一個字符串,把它變成一個jQuery對象然後將它附加到表中是一個好主意,假設可以在頁面上多次執行刷新數據。
有你看着jQuery的模板 - HTTP://api.jquery .com/category/plugins/templates /? –
我認爲建議使用處於測試階段的插件並不適合生產原因。 – MacMac
@Floyd「這些文檔主題涉及jQuery模板**插件**」。業務執行表示他們不想使用一個。 – Bojangles