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

Question

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

Answer 1

有一些解决方案，如何从url获取参数： Get ID from URL with jQuery

理解什么是REST Api以及如何构建自己的REST Api也很有意义，因为我认为您目前没有后端。 这里一些参考： https://www.conceptatech.com/blog/difference-front-end-back-end-development https://www.tutorialspoint.com/nodejs/nodejs_restful_api.htm

Answer 2

听起来您想让用户的浏览器要求服务器基于名为product_id的变量的值来加载特定页面。

浏览器与服务器对话的方式是 HTTP请求，您可以通过其了解javascipt.info和/或MDN的所有基础知识。

?product_id=id被称为 URL 的“查询”部分，您可以在MDN和Wikipedia上了解更多信息。

从服务器获取具有此类URL的页面的请求通常是 GET请求，它比更常见和通用的{{1 }}请求类型。

您可能会注意到一些资源谈论POST请求（这些请求用于更新当前页面的 part 而无需重新加载整个内容），但是您不需要担心这一点，因为您只是想让浏览器导航到新页面。

您的服务器需要一些代码来处理任何此类请求，基本上是这样的：

“如果有人在这里发送HTTP GET请求，请查看AJAX变量的值，并将其与我的可用HTML文件进行比较。如果存在匹配项，请发送与匹配文件相对应的响应，如果存在没有匹配项，请发送一个显示“错误404”的页面。”

那是快速的概述。这些资源将告诉您更多细节。