为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

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

2 回答

?
烙印99

TA贡献1829条经验 获得超13个赞

听起来您希望用户的浏览器要求服务器根据名为 的变量的值加载特定页面product_id

浏览器与服务器对话的方式是HTTP 请求,您可以在javascipt.info和/或MDN上了解有关它的所有基础知识。

这称为URL?product_id=id的“查询”部分,您可以在MDN维基百科上了解更多信息。

从服务器获取具有此类 URL 的页面的请求通常GET请求POST,与更常见和通用的请求类型相比,它更简单并且需要更少的安全性。

您可能会注意到一些资源在谈论AJAX请求(用于更新当前页面的一部分而不重新加载整个页面),但您不必担心这一点,因为您只是想让浏览器导航到一个新的页面。

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

“如果有人在这里发送 HTTP GET 请求,请查看product_id变量的值并将其与我可用的 HTML 文件进行比较。如果有匹配项,则发送包含匹配文件的响应,如果没有匹配项,则发送一个页面说'错误 404'。”

无论如何,这就是快速概览。这些资源将告诉您更多有关细节的信息。


查看完整回答
反对 回复 2022-12-29
?
有只小跳蛙

TA贡献1824条经验 获得超8个赞

有一些解决方案,如何从 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


查看完整回答
反对 回复 2022-12-29
  • 2 回答
  • 0 关注
  • 111 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号