Jquery json to table

$.ajax({
    type: "GET",
    url: "data.json",
    dataType: 'json',
    success: function (data) {
        $('body').append(arrayToTable(data));
    }
});

Source: stackoverflow.com

Jquery json to table

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Source: stackoverflow.com

Jquery json to table

function arrayToTable(tableData) {
    var table = $('<table></table>');
    $(tableData).each(function (i, rowData) {
        var row = $('<tr></tr>');
        $(rowData).each(function (j, cellData) {
            row.append($('<td>'+cellData+'</td>'));
        });
        table.append(row);
    });
    return table;
}

$('body').append(arrayToTable([
    ["John","Slegers",34],
    ["Tom","Stevens",25],
    ["An","Davies",28],
    ["Miet","Hansen",42],
    ["Eli","Morris",18]
]));

-1

Source: stackoverflow.com

Similar codes

13 votes202 views3 answers
Jquery each break
Javascript jQuery
5 votes233 views3 answers
Jquery ajax request
Javascript jQuery
5 votes354 views7 answers
Jquery to javascript converter online
Javascript jQuery
0 vote204 views1 answer
Jquery datatable update row cell value
Javascript jQuery
1 vote220 views1 answer
Number validation in jquery
Javascript jQuery
0 vote176 views1 answer
Add variable to nth child jquery
Javascript jQuery
0 vote246 views1 answer
Jquery get second td of tr
Javascript jQuery
10 votes207 views3 answers
Js import jquery
Javascript jQuery
26 votes207 views6 answers
Get text of selected option jquery
Javascript jQuery
0 vote192 views1 answer
Jquery is not defined rails
Javascript jQuery