从 GET 参数中提取数据并从 .json 文件中加载内容

Question

我有一个 html 页面（产品页面），现在我必须用 .json 文件（包含不同产品的数组，可通过 id 访问）中的内容来填充它。在 url 中，您应该能够设置一个 GET 参数，如下所示：

/product?product_id=14

我知道url中不会传递更多信息，所以我不需要使用任何正则表达式。

现在我根本不知道将内容放入我的 html 文件中，目前我只知道（js 文件）：

let h1 = document.querySelector('h1');
if (h1) {
  h1.textContent = '#1';
} else {
  console.log('#1: No content found!');
}

所以现在我需要知道通过 GET 参数传递了哪个 id 以及如何从 .json 数据库中加载内容。

提前致谢

Answer 1

这是从 URL 获取参数的简单方法：https://stackoverflow.com/a/20336097/7303349

然后获取 json 数据库听起来像是一个完全不同的步骤。尝试一次做更少的事情。还有，.json 数据库是从哪里来的？