Javascript 从'；添加到购物车'；进入视野篮

我对网络开发相当陌生，我正试图为一个项目建立一个时尚电子商务网站

我希望用户能够在product.html页面中选择一个产品，例如一件衣服，它有相关的详细信息，如产品名称、产品价格、图像和尺寸。我已经能够使用单独的javascript，以确保当用户按下“添加到购物车”时，详细信息被记录下来

但是，如何将这些详细信息转移到单独的basket.html页面并显示它们

我很难理解是否需要使用本地存储，如果需要，在使用单独的javascript文件和另一个html文件时如何显示详细信息

从本质上讲，如果用户选择了一个产品，我如何让特定的产品和详细信息出现在我的单独页面中

道歉，如果这是糟糕的措辞或没有什么意义

---

谢谢：）

根据您的电子商务网站的构建方式以及您可以控制的部分，有几种选择

你可以

将其提交到服务器，并在下一页的响应中尊重它

使用webstorage（localStorage或sessionStorage）将其保存在本地。请记住，您网站上的第三方脚本也可以阅读

通过设置cookie（可由第三方脚本读取）与服务器共享。记住饼干的大小是有限的

将信息作为查询参数传递。这可能会影响SEO（重复的内容，因为相似的页面被搜索引擎索引）

作为散列参数传递信息。这些文件不会传输到服务器，但可以从JavaScript（您的和第三方）读取。这是一种应用于早期单页应用程序的黑客技术

---

您可以构建RESTAPI，该API将用于

• 将项目存储到购物车（按“添加到购物车”按钮时调用）
• 从购物车读取项目（在购物篮页面上调用）

API将把它保存在某种DB中，并在需要时返回

---

REST API应该是安全的（例如通过OAuth2），这样您就可以区分各个用户的操作。

您对使用服务器端数据库感到满意吗？嘿，非常感谢您的回复！我正在努力将javascript拉入正确的html页面。我选择了本地存储，因为这是为了一个项目，所以安全性不是什么大问题，但是当我说例如：cartRow.innerText=localStorage.getItem（'storedprice'）时，它会将它插入到它从中获得它的页面（产品页面），而不是篮页面。你知道我该如何着手解决这个问题吗？谢谢：）我刚刚尝试了一个实时会话，它成功了：

localStorage.setItem（“storedprice”，JSON.stringify（{my:“data”}））

，然后进行页面更改（从服务器加载HTML，即无SPA），然后进行

console.log（JSON.parse（localStorage.getItem（“storedprice”））

。我需要更多的HTML/一个简单的工作示例来进一步帮助您。