Как вывести данные из json файла на html-страницу?

Question

[barabash2090]

Добрый день!Есть файл в формате .json с данными которые надо вывести на html-страницу.Гуглил, пробывал не получилось.Может кто-то показать мне простой пример вывода данных с файла со всеми нужными для этого библиотеками?

Answer 1

[Stalker_RED]

let jsonData = {"foo":"bar","id":42};
let formattedJson = JSON.stringify(jsonData, null, 4);
document.body.innerHTML += `<pre>${formattedJson}</pre>`;

Answer 2

[Oval Enoc]

На самом деле из JSON выводят в React, Angular и прочее. JSON - это API.

Вот обычный пример на HTML/JS:

Name: <span id="name"></span>
Job: <span id="job"></span>

<script>
let data = {"name": "Tom", "job": "programmer"};
document.getElementById('name').innerHTML = data.name;
document.getElementById('job').innerHTML = data.job;
</script>

Comments

[Gip]

JSON - это API

иногда лучше промолчать

[Oval Enoc]

Владислав, видно же что человек не в теме.

[dixon_mix]

А можно сделать как то через класс, а не через id?

Answer 3

[Nikita]

Можно например собрать данные в json в переменную PHP, а переменную PHP вывести в HTML.