Dikkkey
@Dikkkey
Начинающий программист.

Как получить JSON с сервера?

Нужно вывести на страницу данные с https://reqres.in/api/users?page=2 . Написал такой код:
const requestUrl = 'https://reqres.in/api/users?page=2';
const postWrapper = document.getElementById('post__wrapper');
let users = [];

const createTemplate = data => {
    return template = `
        <div class="wrapper__post">
            <div class="page">PAGE: ${data.page}</div>
            <div class="per_page">PER PAGE: ${data.perPage}</div>
            <div class="total">TOTAL: ${data.total}</div>
            <div class="total_pages">TOTAL PAGES: ${data.totalPages}</div>
            <div class="data">DATA: ${data.data}</div>
        </div>
    `
}

const getPosts = url => {
    fetch(url)
         .then(response => response.json())
         .then(json => {
             users = json;
             users.forEach(item => {
                 postWrapper.innerHTML += createTemplate(users);
             })
         })
}

getPosts(requestUrl);


Результат:
5f5bdc3a2d8a7893784534.png

Подскажите, пожалуйста, как вывести данные на страницу?
  • Вопрос задан
  • 839 просмотров
Пригласить эксперта
Ответы на вопрос 1
yarkov
@yarkov Куратор тега JavaScript
Помог ответ? Отметь решением.
Внимательно на ответ посмотри
users = json.data;
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы