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

4 votes224 views3 answers
Jquery set radio button value
Javascript jQuery
0 vote281 views1 answer
Check fro text input jquery
Javascript jQuery
0 vote233 views1 answer
Count all items inside 2nd ul using jquery
Javascript jQuery
1 vote253 views1 answer
Jquery scrolltop animate
Javascript jQuery
0 vote241 views1 answer
Disable scroll jquery
Javascript jQuery
23 votes323 views1 answer
JQuery create div element
Javascript jQuery
0 vote265 views1 answer
Get position of each element using jquery
Javascript jQuery
33 votes226 views3 answers
Jquery preventdefault
Javascript jQuery
24 votes247 views5 answers
On modal close jquery
Javascript jQuery
22 votes278 views5 answers
Jquery change text of div
Javascript jQuery