在 JavaScript 中创建购物车时，是否有使用 Cookie 或会话存储的替代方案？

Question

为了让那些从浏览器中阻止 cookie 的人也可以访问电子商务网站，在创建经典购物车以在用户购物时将购物车数据存储在其他地方时，是否有其他方法？

Answer 1

在现代浏览器上，可以使用本地存储。详情请参考：https://javascript.info/localstorage

Answer 2

现代浏览器提供WebStorage API，用于在客户端系统本地存储数据，容量至少为5MB，并且与cookie不同，数据永远不会传输到服务器。

WebStorage API 提供了两个用于在客户端存储数据的对象：

• window.localStorage - 存储没有过期日期的数据
• window.sessionStorage - 存储一个会话的数据（关闭浏览器选项卡时数据会丢失）

https://www.w3schools.com/html/html5_webstorage.asp

https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

现代浏览器还提供 IndexedDB API 来在客户端系统上存储大量结构化数据。 此 API 使用索引来实现对此数据的高性能搜索。虽然 Web 存储对于存储少量数据很有用，但对于存储大量结构化数据则不太有用。

https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API

WebStorage API 同步存储和检索数据，这意味着在存储或检索数据之前，将阻止网页的主要威胁。 但使用 IndexedDB 执行的操作是异步完成的，以免阻塞应用程序。