Question

我正在制作一个电子商务网站，并负责其前端部分。我正在使用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}”），以便打开新页面并向服务器发出另一个get请求。我怎么做？我尝试了很多方法，但似乎无法提出解决方案。嵌套提取请求也无济于事-也许我做错了。有人可以告诉我如何解决此问题吗？

在提取请求中提取另一页的数据

0 个答案: