使用 JavaScript 将 HTML 表单的所有字段值保存/检索到本地文件中/从本地文件中检索答案

【问题标题】：Saving / Retriving all the fields value's of an HTML form into / from a local file using JavaScript使用 JavaScript 将 HTML 表单的所有字段值保存/检索到本地文件中/从本地文件中检索
【发布时间】：2013-10-30 19:25:14
【问题描述】：

我有一个典型的 HTML 表单，上面有一些不同类型的字段。我想要达到的目标如下：

一旦表单的输入字段填写了值，一个按钮就可以将所有填写的字段/值对保存到某种本地文件中，以便我在未来的情况下... .
通过检索所述文件中的字段/值对而不是手动输入来自动填充相同的 HTML 表单。

理想情况下，这必须通过 JavaScript 来实现，因为包含 HTML 表单的网页由嵌入式系统提供服务，而 PHP 或其他服务器端脚本不可用。

是否有可能通过 JavaScript（或任何其他浏览器端的努力方法）实现这一目标？如果是这样，怎么做？非常感谢。

编辑：目标环境是使用 4 种主要浏览器中的任何一种的普通 PC/笔记本电脑中的普通用户。将“启用 Cookie”和“安装最新浏览器版本”作为必要条件是可以接受的，但外部插件/插件不是。

后来：NullUserException 在这个方向上取得了一些成就。他已经能够使用 JavaScript 从本地文件中读取数据： Using a local file as a data source in JavaScript

【问题讨论】：

由于 JavaScript 的安全限制，一般来说这是不可能的。但是，根据您的环境，它可能是可能的。您应该更具体地提出有关目标环境的问题。

标签： javascript html forms

【解决方案1】：

我认为，对于您的特定站点，您可以将数据存储在本地存储中。只有您的应用程序才能访问该数据。您也可以在存储之前对其进行加密。

你可以参考 diveintohtml5.info/storage 开始。

编码愉快。

【讨论】：

谢谢Sandeep，我会在那个链接上阅读。我将把答案归功于您促进链接，尽管格里格斯也应该得到一半。看起来比我想象的要复杂。

【解决方案2】：

很确定您将无法在本地保存文件，然后再将其重新拾取。

然而，显然有 cookie，但只有在现代浏览器中，它也是 LocalStorage，它可以保存相当多的数据，可以通过 Javascript 和 jQuery 检索。

这可能是我会采用的方式，但它确实取决于您的浏览器版本。

【讨论】：

我不介意我的表单将更新的浏览器作为必要条件，只要它可以完成并且它不是一个仅浏览器的技巧（如仅 IE）。我从来没有听说过LocalStorage，你能给我一些链接看看吗？谢谢！
jquerysdk.com/api/jQuery.localStorage 只需 google JQuery 和 LocalStorage

【解决方案3】：

问题有些模棱两可，请说明您要做什么。

如果是，我不知道您是否想为您做某事： https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/

【讨论】：

这不是一个“仅限我”的项目 Anthony，因此不能选择 firefox 插件。它必须是浏览器之间的标准和交叉兼容的东西。还是谢谢。