Извлечение данных для другой страницы в запросе на выборку - PullRequest
Новая
       8

Извлечение данных для другой страницы в запросе на выборку

0 голосов
/ 14 ноября 2018

Я делаю сайт электронной коммерции и занимаюсь его интерфейсной частью. Я использую Fetch для обработки http-части. Для начала я сделал запрос на загрузку страницы для самой первой страницы (домашней страницы). 

window.addEventListener("load", catgpage());
function catgpage()
{
    fetch('https://jsonplaceholder.typicode.com/users/?id=5&id=6&id=7&id=8')
        .then(response => response.json())
        .then(data => {
            console.log(data.user.id);
            let outPut = '';
            data.forEach(function (user) {
                const {id, name, username} = user;
                outPut +=
                    `<div class="tn col-xs-6 col-sm-4 col-md-3">
                <div class="thumbnail">
                    <a href="#" id="openprodpages${id}"><img src="Images/Untitled.jpg"></a>
                    <div class="caption text-center">
                        <h4>${name}</h4>
                        <p>${username}</p>
                        <span class="badge">${id}</span>
                        <div class="icons">
                            <a href="#"><i class="far fa-heart" aria-hidden="true"></i></a>
                            <a href="#"><i class="fa fa-shopping-cart "></i></a>
                        </div>
                    </div>
                </div>
            </div>`;
                document.querySelector(".featured .item").innerHTML = outPut;
            });
        })
}

Теперь в приведенном выше коде я хочу щелкнуть тег привязки (с id = "openprodpages $ {id}"), чтобы открыть новую страницу и сделать еще один запрос на получение на сервер. Как я могу это сделать? Я перепробовал много разных способов, но, похоже, не нашел решения. Вложение запроса на выборку тоже не помогает - возможно, я делаю это неправильно. Может кто-нибудь подскажите, пожалуйста, как решить эту проблему?

...