@Joiromay

Как распарсить данные из ответа JSON?

Не понимаю как вывести в DOM вот это https://jsonplaceholder.typicode.com/users/1
Вот мой запрос GET:
var log = new XMLHttpRequest()
log.open(
    'GET',
    'https://jsonplaceholder.typicode.com/users/1',
    true
  )
  
  log.onreadystatechange = function() {
    if (log.readyState != 4) {
      return
    }
    if (log.status === 200) {
        let response = JSON.parse(log.responseText );
      } 
    }
    
log.send();

Должно получится как-то так:
6173ec0045c5c966525328.png
  • Вопрос задан
  • 108 просмотров
Решения вопроса 4
sergiks
@sergiks Куратор тега JavaScript
♬♬
Для вдохновения:

Ответ написан
IHateROSTELEKOM
@IHateROSTELEKOM
asfaswh43h 2rjhrvh 5y34 whb z4whv 112412 t
На практике голый XHR используется настолько редко, что я не помню когда последний раз это делал.
Чтобы получилось так, как на картинке - распарсить JSON мало, нужно его еще отрендерить в виде таблицы, что в целом не сильно сложно.

Ответ написан
Комментировать
@alexalexes
Как-то так:
var container = document.getElementById('какой-то-id-контейнера-куда-вывести');
container.innerHTML = "<p style='text-align: center'>User info:</p>\
<table>\
<tr><td>Name:</td><td>" + response.name + "</td></tr>\
<tr><td>Username:</td><td>" + response.username + "</td></tr>\
<tr><td>Address:</td><td>" + response.address.city + ", " + response.address.street  + "</td></tr>\
<!-- И дальше в таком же духе -->\
</table>";
Ответ написан
Комментировать
Aleksandr-JS-Developer
@Aleksandr-JS-Developer Куратор тега JavaScript
Лучше проще, чем никогда
Приблизительно вот так. Стили пишите сами.

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы