Javascript 我想使用localStorage来保存用户输入的一些数据，这样我就可以在HTML中显示信息

因此，我正在为一些实践构建一个餐厅订购系统，用户选择一个服务员，并向所选服务员添加订单或评论

然后使用创建的方法将其推送到服务员对象

我想存储由用户输入的数据，以便在重新加载页面后可以在控制台中查看

我希望使用JSON而不是PHP/other来实现这一点

因此，当我重新打开页面时，任何推送到阵列的数据在登录到控制台时仍然可见

任何链接或代码将非常感谢

/*

表格提交一次后：

0: Waiter
comment: ["This form has been submitted I will now close the window and when I reopen I will not be here"]
name: "Timo"
order: [Item]
total: 14

现在，当我重新打开：

0: Waiter
comment: []
name: "Timo"
order: []
total: 0

我希望在重新打开时，数据仍在阵列中。

您可以执行以下操作

localStorage.setItem（'waiters'，JSON.stringify（waiters））

当进行任何更新时

然后在创建前检查是否

localStorage.getItem（'waiters'，JSON.stringify（waiters））

---

存在并使用它而不是创建。

表单提交后，使用localStorage.setItem（key，value）写入localStorage

表单提交：将每个WaiterObject推送到一个项目数组，然后将项目数组保存到localStorage

使用localStorage.getItem（）方法从localStorage检索值并设置为items并显示这些项

下面是上面解释的存储和检索逻辑的示例

https://coderwall.com/p/ewxn9g/storing-and-retrieving-objects-with-localstorage-html5

任何链接或代码将非常感谢-这不是一个编码服务。显示您尝试的内容以及出现的问题/错误。

https://coderwall.com/p/ewxn9g/storing-and-retrieving-objects-with-localstorage-html5