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);

Tags:

Php Example