大家。我正在制作一个包含 T 恤的网站。我使用 JSON 文件动态生成产品预览卡,但我还需要在单击卡时生成 HTML 文件的内容。因此,当我单击它时,会打开一个新的 HTML 页面,如 product.html?product_id=id
。我不明白如何检查 id 或这部分?prodcut_id=id
,并根据 id 生成页面内容。任何人都可以链接一些指南或好的解决方案,我什么都不明白:(。
最佳答案
听起来您希望用户的浏览器要求服务器根据名为 product_id
的变量的值加载特定页面。
浏览器与服务器对话的方式是HTTP 请求,您可以在 javascipt.info 上了解有关该请求的所有基础知识。和/或MDN .
?product_id=id
称为 URL 的“查询”部分,您可以在 MDN 上了解更多信息。和 Wikipedia .
从服务器获取具有此类 URL 的页面的请求通常是 GET
请求,与更常见和通用的请求相比,它更简单,并且需要的安全性较低POST
请求类型。
您可能会注意到一些讨论 AJAX
请求的资源(用于更新当前页面的部分,而不需要重新加载整个页面),但您不会'无需担心这一点,因为您只是想让浏览器导航到新页面。
您的服务器需要有一些代码来处理任何此类请求,基本上是:
“如果有人在此处发送 HTTP GET 请求,请查看 product_id
变量的值,并将其与我可用的 HTML 文件进行比较。如果有匹配,请发送包含匹配文件的响应,如果没有匹配,则发送一个显示“错误 404”的页面。”
无论如何,这就是快速概述。这些资源将告诉您更多有关细节的信息。
关于javascript - 单击产品时动态生成页面内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63354464/