{
"name": "Chocolate Cherry Cola",
"recipe": "The domestic rebel",
"imgPath": "images/logo.jpg"
},
$.ajax({
type: "GET",
url: "js/cupcakes.json ",
contentType: "application/json; charset=utf-8",
dataType:'json',
success: function(result)
{
console.log(result);
var output="<table class='table'><thead><tr><th><h3> Name</h3></th><th><h3>Recipe by</h3> </th><th><h3>URL</h3></th></tr></thead></tbody>";
for (var i in result)
{
output+="<tr><td>" + result[i].name + "</td><td>" + result[i].recipe + "</td><td>" + "<img src='images/'" + result[i].map + "</td></tr>";
}
output+="</tbody></table>";
displayCakes.html(output);
$("table").addClass("table");
}
"name": "Chocolate Cherry Cola",
"recipe": "The domestic rebel",
"imgPath": "images/logo.jpg"
},
$.ajax({
type: "GET",
url: "js/cupcakes.json ",
contentType: "application/json; charset=utf-8",
dataType:'json',
success: function(result)
{
console.log(result);
var output="<table class='table'><thead><tr><th><h3> Name</h3></th><th><h3>Recipe by</h3> </th><th><h3>URL</h3></th></tr></thead></tbody>";
for (var i in result)
{
output+="<tr><td>" + result[i].name + "</td><td>" + result[i].recipe + "</td><td>" + "<img src='images/'" + result[i].map + "</td></tr>";
}
output+="</tbody></table>";
displayCakes.html(output);
$("table").addClass("table");
}