Как вывести данные из JSON?

Question

[Тынай Бакасов]

Доброго времени суток.

есть данные JSON

{
"artist":"ALAN WALKER",
"title":"Ghost"
}

нужно вывести на страницу в div и обновлять допустим каждые 5-10 секунд через setInterval

<div id="artist"></div>
<div id="title"></div>

когда-то через боль сделал это, был код 15 строк, сейчас искал там что-то многовато
сейчас нашел решение, но там вставиться 1 раз и все setInterval не смог реализовать,
я пока учусь и мне трудно. помогите добрые люди.

Answer 1

[Виталий]

JS:

var json = '{"artist":"ALAN WALKER","title":"Ghost"}';
function init(){
 let _json = JSON.parse(json);
 let artist = document.getElementById('artist');
 let title= document.getElementById('title');
  artist.innerHTML = _json.artist;
  title.innerHTML = _json.title;
 setInterval(init,1000)
}
setInterval(init,1000)

Comments

[Тынай Бакасов]

А как ссылку сделать на json файл?

[Stalker_RED]

Через секунду у вас будет два setInterval-а, через 10 секунд их будет 1024, через 30 секунд - больше миллиарда, а через пару минут их будет астрономическое количество (на самом деле память кончится раньше и вкладка зависнет).

И совсем непонятно зачем на каждый тик заново искать в DOM-е ссылки на элементы, да и вообще обновлять что-то, если надпись не изменилась.

[Тынай Бакасов]

Stalker_RED, если вы так хорошо знаете, уделите 5 ваших драгоценных минут и напишите пожалуйста как надо, а то я тут подустал чутка.