将值临时存储在文本框、单选按钮或下拉列表中



这对其他人来说可能很容易。。但是有没有办法在提交之前将值(数据(临时保存到文本框中?例如,假设有购物车,用户必须输入他们的信息,对吗?所以我输入了我的名字,我会说哦,我忘了添加一些东西,然后转到不同的页面向购物车添加更多的商品。用户回来后,仍然会将数据保存在文本框中。我一直在做这件事,并在谷歌上搜索,但无法解决它。

如果有人能告诉我其中的逻辑,我将不胜感激。

谢谢

大多数购物车后面都有一个数据库来保存用户购物车。不过,"如何编写数据库"已经超出了本文的范围。

但是,如果您只想存储一些信息字符串,那么localStorage是理想的选择。https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

然后,您可以使用JavaScript(或任何JavaScript框架(实现事件,以便在每次更改输入后启动,从而更新localStorage对象。

以下是<select>上的一个示例实现:如何在html上实现本地存储?。

这是一个更新购物篮:实现本地存储

但是,可能还有其他选项可以修复您的用例,如IndexedDB(复杂数据的本地存储(或URL(片段标识符(的简单使用,如本文中所讨论的:https://www.toptal.com/web/persisting-data-page-reloads-cookies-indexeddb

最新更新