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

3 votes218 views4 answers
Jquery find checkbox by value
Javascript jQuery
2 votes164 views2 answers
Jquery unfocus
Javascript jQuery
0 vote213 views1 answer
How to enable button of upload after click on chosefile in jquery
Javascript jQuery
12 votes218 views3 answers
How to add class on the base of has class in jquery
Javascript jQuery
61 votes175 views3 answers
Jquery w3schools
Javascript jQuery
2 votes224 views1 answer
Select 2nd td jquery
Javascript jQuery
1 vote195 views1 answer
Reset a select option jquery
Javascript jQuery
0 vote183 views1 answer
How to compare previous value with current in jquery
Javascript jQuery
18 votes220 views2 answers
Get value of div jquery
Javascript jQuery
2 votes218 views2 answers
First letter uppercase in jquery
Javascript jQuery