Заполнение таблицы из JSON с помощью jQuery

Является ли это эффективным способом заполнения таблицы данными 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 и затем добавить в таблицу. хорошая идея, если предположить, что это можно делать несколько раз на странице для обновления данных.

9
задан Brian Tompsett - 汤莱恩 26 July 2017 в 06:56
поделиться