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

Question

[AntonVirovets]

Здравствуйте. Вот есть ссылка на json файл. https://api.myjson.com/bins/ftb79
Как мне вывести эти данные в консоль? Мне же нужно эту url распарсить, а как , не пойму..

Answer 1

[Михаил Смыков]

Делаешь XMLHttpRequest. Если на сервере - там проще. На клиенте cross-origin политика.
Забираешь содержимое файла. Потом берёшь responseText и делаешь JSON.parse(xhr.responseText). На выходе получается полноценный массив.

Рабочий код для клиентской части

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.myjson.com/bins/ftb79");
xhr.send();
console.log(JSON.parse(xhr.responseText));

Не забудь отметить мой ответ как решение, если помог.

Comments

[Антон Спирин]

Вызов JSON.parse по-хорошему надо оборачивать в try catch:

try {
  console.log(JSON.parse(xhr.responseText));
} catch(e) {
  // handle error
}

Иначе приложение может упасть с исключением, если JSON не валидный придет.

[Михаил Смыков]

Антон Спирин, идеализация кода в данном случае бессмысленна. Автор подразумевает, что цель для парсинга наверняка JSON и целевой ресурс корректироваться не будет. Ещё бы сейчас в 2к18 рефакторить бесполезными фичами код....

[AntonVirovets]

Почему то не работает..

[AntonVirovets]

Михаил Смыков, Почему то не работает код. Ошибки консоль выдает