Breaking News: Grepper is joining You.com. Read the official announcement!

Displaying data in ajax

Arpan Dashore answered on November 15, 2022 Popularity 7/10 Helpfulness 1/10

answer Displaying data in ajax

Displaying data in ajax

Comment

function getProperTime(oEvt) {
  document.getElementById("demo").innerHTML = new Date();
}

function sampleFunction() {
  var xhttp = new XMLHttpRequest(); // creating the connection line to backend
  xhttp.onreadystatechange = function () {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = xhttp.responseText;
      var convertedData = JSON.parse(xhttp.responseText);
      var data = convertedData.sampleData;

      var trROWSting = "";
      for (var i = 0; i < data.length; i++) {
        trROWSting = `${trROWSting}
        <tr>
        <td>${data[i].id}</td>
        <td>${data[i].name}</td>
        <td>${data[i].company}</td>
        </tr>`;
      }
      document.getElementById("tbody").innerHTML = trROWSting;
    }
  };
  xhttp.open("GET", "./model/model.json"); // oopening the connection
  xhttp.send(); // send the req to backend
}

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: ajax javascript

Link to this answer
Share Copy Link

Contributed on Nov 15 2022

Arpan Dashore

0 Answers Avg Quality 2/10

Displaying data in ajax

Contents

More Related Answers

Displaying data in ajax

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.