Как отобразить блоки на основе JSON-файла?

Question

[Nikita Shchypylov]

Всем привет

Такой вопрос: я AJAX-ом запрашиваю файл .json. Моя задача состоит в том, что бы его распарсить, получить определенные данные из него и отобразить их на .html. C помощью каких инструментов я могу это сделать?

Спасибо

Comments

[Сергей delphinpro]

В идеале получаете нужным образом сгруппированные данные и скармливаете их шаблонизатору. На примере underscore

данные var data = {name: 'John'};

var tpl = _.template("<b><%- name %></b>");
document.getElementById('target-element').innerHTML = tpl(data);

[Nikita Shchypylov]

Сергей: Спасибо!

Answer 1

[Vlad Feninets]

парсите его с помощью встроенного метода parse объекта JSON
var obj = JSON.parse(yourResponseTextFromServer)

и после этого работаете с ним как с обычным JS-объектом/массивом.

------------------

что касается вывода в хтмл - тут масса вариантов, хоть обычным innerHTML

document.querySelector('#somediv').innerHTML = obj.data.text

либо с помощью различных библиотек/фреймворков (React, Angular, VueJS, jQuery, Knockout etc)

Comments

[Nikita Shchypylov]

Спасибо!