javascript - 在 Web 应用程序中使用本地存储来保存/加载表单字段

Question

我正在尝试使用本地存储来在网络应用程序中保存/加载多组表单输入。我找到了一些引用资料，但我不确定如何将它们应用到我的需要中。此外，我在这里找到的大多数示例都涉及存储一组设置，然后在下次加载页面/应用程序时加载这些设置:

www.graphicpush.com/using-localstorage-api-as-a-light-database
www.paperkilledrock.com/2010/05/html5-localstorage-part-three/

第一个链接 (graphicpush) 是我试图用来存储多个表单输入值的链接，但我什至不确定这些值是否已放入数据库中。一旦将它们实际放入数据库中，我就不确定如何有选择地从数据库中调出唯一 ID 并将其显示在表单中。

第二个链接，我已经看过并且非常接近我需要的东西，我遇到了与之前描述的相同的问题。

我的网络应用程序位于 http://www.sovascreen.com/estimator您可以在“save.js”文件中查看本地存储的尝试。我知道我离得很远，所以请善待。

我觉得这应该相当简单，但我不太清楚我应该做什么，所以任何帮助将不胜感激。

Answer 1

本地存储非常简单。入门:

// set
localStorage.setItem('blah', 'blahblah')

// check if it is set
localStorage.getItem('blah')

// check how many items are stored
localStorage.length

// another way to get the item 
localStorage.key(0);

// remove the item
localStorage.removeItem('blah')

Here's a Fiddle我为您编写的一个小型图书馆可以与之互动。它允许通过 JSON.parse 和 stringify 将对象或字符串添加到本地存储。

点击“运行”几次，输出应该如下所示:

blah is not set. setting to blahblah
["blah"]
blah is set to blahblah
[]
blah is not set. setting to blahblah
["blah"]
blah is set to blahblah
[]