单击产品时动态生成页面内容

Question

每个人。我正在制作一个带有 T 恤的网站。我使用 JSON 文件为产品动态生成预览卡，但我还需要在单击卡片时为 HTML 文件生成内容。因此，当我单击它时，会打开一个新的 HTML 页面，例如 product.html?product_id=id. 我不明白如何检查 id 或这部分?prodcut_id=id，并且它基于 id 为页面生成内容。任何人都可以链接一些指南或好的解决方案，我什么都不懂:(。

Answer 1

听起来您希望用户的浏览器要求服务器根据名为 的变量的值加载特定页面product_id。浏览器与服务器对话的方式是HTTP 请求，您可以在javascipt.info和/或MDN上了解有关它的所有基础知识。这称为URL?product_id=id的“查询”部分，您可以在MDN和维基百科上了解更多信息。从服务器获取具有此类 URL 的页面的请求通常是GET请求POST，与更常见和通用的请求类型相比，它更简单并且需要更少的安全性。您可能会注意到一些资源在谈论AJAX请求（用于更新当前页面的一部分而不重新加载整个页面），但您不必担心这一点，因为您只是想让浏览器导航到一个新的页面。您的服务器需要一些代码来处理任何此类请求，基本上是这样说的：“如果有人在这里发送 HTTP GET 请求，请查看product_id变量的值并将其与我可用的 HTML 文件进行比较。如果有匹配项，则发送包含匹配文件的响应，如果没有匹配项，则发送一个页面说'错误 404'。”无论如何，这就是快速概览。这些资源将告诉您更多有关细节的信息。

Answer 2

有一些解决方案，如何从 url 获取参数： Get ID from URL with jQuery了解什么是 REST Api 以及如何构建自己的 API 也很有意义，因为我认为您目前没有后端。这里有一些参考：https: //www.conceptatech.com/blog/difference-front-end-back-end-development https://www.tutorialspoint.com/nodejs/nodejs_restful_api.htm