Array of json objects - loop and populate a table

by m4xout

HTML

<h3>Array of json objects - loop and populate a table</h3>

<table>
    <tr>
       
    </tr>
</table>

JavaScript

$(document).ready(function () {
	    var json = [{
	        "User_Name": "High",
	        "score": "3",
	        "team": "1"
	    }, {
	        "User_Name": "Low",
	        "score": "1m",
	        "team": "2"
	    }, {
	        "User_Name": "High",
	        "score": "5m",
	        "team": "2pm"
	    }, {
	        "User_Name": "Low",
	        "score": "1m",
	        "team": "7pm"
	    }];
	    var tr;
	    for (var i = 0; i < json.length; i++) {
	        tr = $('<tr/>');
	        tr.append("<td>" + json[i].type + "</td>");
	        tr.append("<td>" + json[i].time + "</td>");
	        tr.append("<td>" + json[i].height + "</td>");
	        $('table').append(tr);
	    }
	});