Answer for http://stackoverflow.com/questions/14558801/
HTML
<table id="contact"></table>
CSS
table td {
background-color:black;
border: 1px solid grey;
padding: 1px;
}
JavaScript
$(document).ready(function(){
$.ajax({
url: "/echo/json/",
type: "POST",
data: {
json: JSON.stringify({
length: 2,
info: [
{
name: "Sam",
email:"[email protected]",
phone:"789456235"
},
{
name: "Fred",
email: "[email protected]",
phone: "125689564"
}
]
})
} /* end of data */
}).done(function(data){
console.log(data.info);
$(data.info).each(function(index, element){
console.log(element);
$('#contact').append('<tr><td>' + element.name + '</td><td>'
+ element.email + '</td><td>'
+ element.phone + '</td></tr>');
});
});
});