使用HTML和JavaScript在本地存储数据

Question

我有一台带有计算机的小型局域网。

我正在寻找一种方法来构建一个动态HTML网页，该网页使用JavaScript在本地存储一些数据（不能使用服务器端 - 仅限客户端）。

网页将存储在与所有计算机共享的网络驱动器上。

我希望使用一个文件，可能是一个XML文件或类似的东西，使用JavaScript加载，然后在一些更改后再次保存。

必须与LAN上的所有计算机共享数据。

我该怎么做？

Answer 1

HTML5 localStorage

//Set
localStorage.setItem("lastname", "Smith");

//Get
var lastName = localStorage.getItem("lastname");

Answer 2

您有以下选择：

1. LocalStorage ：您可以将数据存储在变量中。您可以存储多少数据存在限制。

参考：http://en.wikipedia.org/wiki/Web_storage。

例如：

// Store
localStorage.setItem("sample", "test");
// Retrieve
var sample = localStorage.getItem("sample");

2. WebSQL ：这应该是在客户端存储的最简单方法。几乎所有当前浏览器（HTML5）都支持WebSQL。但是，由于WebSQL的折旧和未来的更新，不再有官方支持。

参考：http://en.wikipedia.org/wiki/Web_SQL_Database

3. IndexedDB ：这也是在本地数据库中存储数据的另一种方法。但是，并非所有浏览器都支持此功能。

4. <强> XML

如果您正在将数据存储在本地数据库中，那么您可以使用 PersistenceJS 。

参考：https://github.com/zefhemel/persistencejs

Answer 3

您可以使用HTML 5 LocalStorage

Answer 4

根据您存储的数据的风​​格，简单cookies可能有效，可以使用普通的JS访问。

Answer 5

最后我找到了解决方案！ 我使用的是一个名为：twFile（http://jquery.tiddlywiki.org/twFile.html）的jQuery插件。 它使用activeX FileSystemObject - 它在IE9上运行良好。

Answer 6

试试这样：

存储值

localStorage.setItem("lastname", "amir");

获取值

localStorage.getItem("lastname");