Javascript 将一个页面中的项目添加到购物车中，购物车将仅使用JS/CSS/HTML显示在另一个页面中

既然我不允许使用任何后端代码，我应该如何填充这个函数？我搜索了很多教程，但通常商品和购物车都在同一页。 有人说Jquery.load（）可以在这里使用，但我不确定如何使用

任何帮助都将不胜感激！

---

谢谢

我会使用本地存储功能

在项目页面上：

var cartItems = localStorage.getItem('cartItems');

cartItems.push(newItem);

localStorage.setItem('cartItems', cartItems);

然后在购物车页面上：

var cartItems = localStorage.getItem('cartItems');
//Do whatever you're going to do with the contents of the cart.

---

从应用程序设计的角度来看，如果您真的在构建店面应用程序，更好的解决方案可能是与在应用程序服务器端工作的人合作，添加一个可以存储购物车内容的服务器端会话功能。

您是否考虑过使用JS？Cookie或localStorage设置Cookie…（但如果没有任何形式的后端，谁将最终处理我放入购物车的内容…？）将项目编码到查询字符串参数中，并使用该参数按url打开新页面，然后从打开的页面位置urltry using读取参数是您的最佳选择。请注意，

localStorage

在

Incognito

中被清除。谢谢，我明白您的观点，但如何使用localStorage.getItem（）存储HTML元素？我应该将该元素的id放在括号内吗？@ZihanChen只需存储数据（项目、数量等）。然后使用一个函数获取数据对象并构建html元素的字符串，然后使用jquery

append

append将其附加到父控件