Как это распарсить?

Question

[Андрей Кузнецов]

Ссылка взята с https://jsonplaceholder.typicode.com вроде все правильно но не работает.Как вывести данные в див #demo ?

Answer 1

[TtT RrR]

Отобразил не всё, меняй по-своему.
Сам парсил в тег table

const fioUrl = "https://jsonplaceholder.typicode.com/users";

const xhr = new XMLHttpRequest();
xhr.open("GET", fioUrl);
xhr.responseType = "json";
xhr.onload = function () {
  console.log(xhr.response);

  document.querySelector("#demo").innerHTML = toHtml(xhr.response);
};
xhr.send();

function toHtml(json) {
  let html = "";
  for (let k = 0; k < json.length; k++) {
    const key = json[k];
    html += `<tr>
        <td>${key.id}</td>
        <td>${key["name"]}</td>
        <td>${key["username"]}</td>
        <td>${key.email}</td>
        <td>${key.address['street']} - ${key.address['suite']}</td>
        <td>${key.phone}</td>
        <td>${key.website}</td>
        <td>${key.company['name']}</td>
      </tr>`;
  }
  return html;
}

Comments

[Андрей Кузнецов]

Профессионал! Благодарю

Answer 2

[Andrey Vasilev]

ну вот к примеру:

document.querySelector('#demo').innerHTML = xhr.response.map((item) => `name: ${item.name}, email: ${item.email} <br>`);