Отображение JSON в HTML с помощью JavaScript

Question

Я новичок в JSON.Я использую API, который использует JSON для ответа.Я вызываю api url простым методом xhr.Код работает, и я получаю статус 200, но

Как мне получить JSON в html?

Мне удалось показать JSON, напечатав xhr.responseText во innerHTML.Но мне нужно показать данные, чтобы я мог использовать их в html.

Можете ли вы предложить, как я могу представить данные в html, когда у меня есть данные json в xhr.responseText.

Пожалуйста, дайте мне знать, если вам нужна дополнительная информация.

Кто-нибудь может подсказать мне, как это сделать через jquery?

Answer 1

Если вы добавите JSON2.js (из https://github.com/douglascrockford/JSON-js/blob/master/json2.js) на свою страницу), вы сможете проанализировать JSON в объект JavaScript с помощью:

var parsedData = JSON.parse(xhr.responseText);

Если вы полностью доверяете своему источнику JSON, вы также можете сделать это очень быстро и без использования JSON2.js, просто проверив его следующим образом:

var parsedData = eval('(' + xhr.responseText + ')');

, но при этом будет запускаться любой код, встроенный в ответ, и поэтому он небезопасен и, как правило, не рекомендуется.

Answer 2

вот еще один пост, который работает и меньше кода из-за jquery. Первый ответ работает отлично. Я подумала, что это может помочь людям с такими же проблемами.

Попытка использовать jQuery для отображения текстовых данных JSON