How to display JSON data in html using ajax code example
Example 1: How to pass json format data on ajax call
BY LOVE
1- Pass the JSON format data in this way
data: { "str1": "Love", "str2": "Singh" }
2- You can use JSON.Stringfy function also
var employee = { Id: 101, Name: "Love singh" };
data: JSON.stringify(employee)
Example 2: how to display json data in html
function appendData(data) {
var mainContainer = document.getElementById("myData");
for (var i = 0; i < data.length; i++) {
var div = document.createElement("div");
div.innerHTML = 'Name: ' + data[i].firstName + ' ' + data[i].lastName;
mainContainer.appendChild(div);
}
}
Example 3: how to display json data in html
mainContainer.appendChild(div);