将产品详细信息从“添加到购物车”放入查看购物篮

Question

我对Web开发还很陌生，我正在尝试为一个项目构建一个时尚电子商务网站。

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

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

我正在努力了解是否需要使用本地存储，如果要使用单独的javascript文件和另一个html文件，那么如何显示详细信息。

从本质上讲，如果用户选择一种产品，我如何才能将特定的产品和详细信息显示在单独的购物篮页面上？

很抱歉，如果措辞不好或没有任何意义！

谢谢：）

Answer 1

有多种选择，这取决于您的电子商务网站的构建方式以及您可以控制的部分。

您可以

1. 将其提交到服务器，并在下一页的响应中得到尊重。
2. 使用Webstorage（localStorage或sessionStorage）在本地保留它。请记住，您网站上的第3方脚本也将能够阅读！
3. 通过设置cookie与服务器共享（可由3rd-party-scripts读取）。请记住，cookie的大小有限。
4. 将信息作为查询参数传递。这可能会影响SEO（重复的内容，因为相似的页面已被搜索引擎索引）。
5. 将信息作为哈希参数传递。这些不会传输到服务器，但是可以从JavaScript（您和第三方）读取。这是单页应用程序早期的一种黑客攻击方法。

Answer 2

您可以构建将用于的REST API

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

API会将其持久保存在某种数据库中，并在需要时返回。

REST API应该受到保护（例如，通过OAuth2保护），以便您可以区分单个用户的操作。