Как из JSON вытянуть данные и вставить в div?

Question

[Broncoopo]

Привет, я научился отправлять и получать данные от API в формате JSON, но не могу разобраться как выводить данные из JSON, допустим, в div.
Такие вводные:
Есть ответ в JSON формате от API

"status":"success",
"data":{
"name":"Антон",
"alternative_name":"Gooblyyn",
"year":29
}

Как его обработать JS так чтобы вытащить из него данные alternative_name и year и поместить их в div

<div id="Name">Nick: </div>
<div id="Year">Год: </div>

Мучась-мучаюсь не могу разобраться, выручите пожалуйста.

Comments

[0xD34F]

Задача, конечно, суперуникальная. Никто такого раньше не делал. Гуглить бесполезно.

[Broncoopo]

0xD34F, Я 2 часа гуглю сижу уже, не могу найти решение...Задача настолько простая, что про нее нет ни где ничего. Но я учусь только и даже такие задачи для меня боль. Поэтому и пришел сюда...

Answer 1

[Александр]

fetch("http://api.com/api/query?id=1").
then(ret=>ret.json()).then(ret=>{
    $("#Name").text("Nick: "+ret.data.name);
    $("#Year").text("Years old: "+ret.data.year)
})

Будем думать что ты подключил библиотеку JQuery

Comments

[Broncoopo]

Большое Спасибо
Все сработало)
ПС: Библеотека JQuery подключена)))

Answer 2

[nochkin]

Судя по предыдущим вопросам, надо начать учиться разработке фронт-энда.
Есть много библиотек и фреймворков для этого. Вариант с jQuery хорош, но он уже устарел.
Надо погружаться в мир фронт-энда и тогда такие вопросы сразу будут понятны.

Можно взять React или Vue, по ним достаточно много документации и вполне приемлемый порог вхождения.

P.S.: для API запросов я бы "axios" использовал. Им легко пользоваться почти так же, как и обычным "fetch".