Является ли это эффективным способом заполнения таблицы данными JSON с помощью jQuery или есть лучший / менее затратный способ? Максимальное количество строк будет около 100. Я бы предпочел не использовать плагин.
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 и затем добавить в таблицу. хорошая идея, если предположить, что это можно делать несколько раз на странице для обновления данных.