javascript - 如何使用此数组中的 URL 在页面中显示我的第一个数组元素

Question

我是初学者，请不要无礼：p

我有个问题。我从本地 API 收到了这个请求：

    request.onreadystatechange = function () {
      if (this.readyState == XMLHttpRequest.DONE && this.status == 200 || this.status == 201) {
        let cameras = JSON.parse(this.responseText);
        console.table(cameras);
        let cameraList = document.getElementById('cameraList');
        cameras.forEach(camera => {
          cameraList.innerHTML += `
                <div class="card" style="width: 18rem;">
                  <img src="${camera.imageUrl}" class="card-img-top" alt="...">
                  <div class="card-body">
                    <h5 class="card-title">${camera.name}</h5>
                    <p class="card-text">${camera.description}</p>
                    <p class="card-text">${(camera.price / 100).toFixed(2)} EUR</p>
                    <a href="Product.html?id=${camera._id}" class="btn btn-primary">Détails</a>
                  </div>
                </div>
                `;
        });

      }
    }

    request.open("GET", "http://localhost:3000/api/cameras");
    request.send();
  </script>

它工作得很好。 我的 index.html 页面上有 5 个带有 img、名称、描述、价格和 ID 的相机。但是现在，当我单击 index.html 上的详细信息按钮时，我想显示具有我在循环 Foreach 中定义的相同 ID 的元素。

例如这里是我的第一个 ID 的页面：.....Product.html?id=5be1ed3f1c9d44000030b061

你能帮我吗 ？

非常感谢

标签： javascriptajaxurl