将数组内容写入文件/将文件内容读取到数组中。 Javascript/HTML5 网络应用程序答案

【问题标题】：Writing array contents to a file/Reading file contents into an array. Javascript/HTML5 Web Application将数组内容写入文件/将文件内容读取到数组中。 Javascript/HTML5 网络应用程序
【发布时间】：2012-04-17 23:20:26
【问题描述】：

我是 Web 应用程序的新手，我有一个 Web 应用程序，用户可以在其中根据表单输入创建对象数组。我认为一个非常有趣的功能是，如果 Web 应用程序能够在用户单击“保存”按钮时下载包含数组内容的格式化特殊文件。

除了这个“保存”功能之外，还有一个“加载”功能，它会加载一个特殊格式的文件，该文件首先会擦除现有数组的内容，并用从加载的文件中描述和解析的内容填充数组.

我已经查找了有关此过程的一些信息，包括有关 HTML5 本地存储功能的信息，但由于安全原因，从浏览器应用程序将文件保存到客户端计算机的过程似乎需要跳过一些循环才能实现。

是否有一些解决方法来实现此功能？或者考虑到应用程序的规模，它们似乎有点过于复杂和复杂。

【问题讨论】：

localStorage 可能非常适合您。最好的事情是，没有需要跳过的箍或繁文缛节的繁文缛节来让它发挥作用。

标签： javascript arrays html file io

【解决方案1】：

我认为首先保持简单是最有效的解决方案是将输入字段的值保存在本地存储键/值对而不是文件中。主流浏览器都支持 HTML5 本地存储。如果本地存储不可行，您仍然可以使用 cookie 作为替代选项。

您可以找到许多教程来向/从本地存储中持久化/读取数据，this 只是其中之一。

【讨论】：

我同意，你应该让它尽可能简单。文件和解析对于这个解决方案来说是多余的，HTML5 localstorage 可以很好地结合服务器端。
localstorage 真的适合这个吗？本质上，我想完整地保存数组，以透视它，想象一个在线购物者正在向他的购物车（一个数组）添加一些物品（对象），然后希望保存这个购物车。然后他重新开始，制作一个新的物品（对象）购物车（数组），他决定他更喜欢他以前的购物车，或者如果他已经保存了几个购物车，他更喜欢他以前的购物车之一，他可以选择并上传以前的购物车.
这种信息（购物车项目）通常保存到服务器端数据库，因为用户可以从不同的机器登录。如果要坚持使用本地存储，推荐的数据结构如下所示：key：“cart_USERID”，JSON 格式的持久值：{[1, 2, 3], [4], [5, 6]} ，其中第一个数组包含第一个购物车的内容，依此类推。