在web应用中使用localstorage来保存/加载表单域

我想使用本地存储能够在web应用程序中保存/加载多组表单输入。我找到了几个参考，但我不知道如何将它们应用于我的需求。此外，我在这里找到的大多数示例都涉及存储一组设置，然后在下次加载页面/应用时加载这些设置：在web应用中使用localstorage来保存/加载表单域

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

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

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

我的网络应用程序位于http://www.sovascreen.com/estimator，您可以在“save.js”文件中查看localstorage中的尝试。我知道我很遥远，所以请亲切。

我觉得这应该是相当简单的，但我没有牢牢把握我应该做什么，所以任何帮助将不胜感激。

来源

2012-01-04 barelybenjamin

本地存储非常简单。底漆：

// 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将对象或字符串添加到localstore。

打“跑”了几次，输出应该是这样的：

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 
[]

来源

2012-01-04 22:22:21 buley

我有这么多，抛出我的部分是如何将基本应用到我的预期应用程序。 – barelybenjamin 2012-01-04 22:38:35

我可以提供哪些具体问题？实际上save.js看起来不错。 – buley 2012-01-04 22:40:31

我已经足够保存字符串化的值，但在计算1）如何使用loadHistory（）函数重新加载这些值时遇到困难;和2）如何将保存的唯一ID列表存储在另一页上。 – barelybenjamin 2012-01-04 22:44:00

的页面没有加载一个save.js文件给我。你能确认它是否按预期工作？

如果您使用的是Chrome，开发者工具允许您查看localStorage的内容。点击资源>本地存储。它会显示你存储的所有键/值对，你也可以删除它们。

来源

2012-01-04 22:27:25

它应该加载一个save.js，我刚才检查它。使用safari，我可以看到它正在将字符串化的值存储在从“0”开始的uniqueID下， – barelybenjamin 2012-01-04 22:40:00

在web应用中使用localstorage来保存/加载表单域

回答

相关问题