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

标签 javascript html jquery json

大家。我正在制作一个包含 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/

相关文章:

javascript - 在数据表的onclick函数中传递两个以上的参数

javascript - 一个单词中的不同字母颜色

java - 有没有办法即时更改或重新设置传入网站的外观?

javascript - 组件返回失败代码: 0x80600011 [nsIXSLTProcessorObsolete.transformDocument]

javascript - 按顺序运行 Promise

javascript - 在下面的代码中,在 Fabric.js 中单击鼠标时 Canvas 层消失,并且 Firefox 在创建 Canvas 到图像时停止响应?

asp.net - 包含和寻址 javascript 文件有什么不同

javascript - 如何在没有 If 语句的情况下执行通配符

javascript - 使用 this 和变量的多个选择器

jquery - 不同图层Div灯箱效果