需要指导：将表单实例保存到本地存储答案

【问题标题】：Need direction: saving form instances to local storage需要指导：将表单实例保存到本地存储
【发布时间】：2012-03-24 08:24:21
【问题描述】：

我创建了一个页面，将表单作为 JSON 保存到本地存储。它按原样工作，但我想扩展它以节省多天： http://daverau.info/happy/

有哪些方法可以节省多天的日记帐分录？按日期对表单数据进行分页？创建多个表单实例？我应该从放弃dumbFormState插件开始并以不同的方式处理保存到本地存储吗？

我正在寻找选择，希望有人能指出我前进的方向。

【问题讨论】：

标签： javascript jquery forms local-storage

【解决方案1】：

而不是像我在下面找到的那样保存对象数据：

[
    { "selector": "input[name=\"gratitude1\"]", "val": "" },
    { "selector": "input[name=\"gratitude2\"]", "val": "" },
    { "selector": "input[name=\"gratitude3\"]", "val": "" },
    { "selector": "textarea[name=\"journal\"]", "val": "" },
    { "selector": "input[name=\"exercise_num\"]", "val": "" },
    { "selector": "input[name=\"meditation_num\"]", "val": "" },
    { "selector": "input[name=\"kindness\"]", "val": "" },
    { "selector": "input[name=\"tdate\"]", "val": "2012-3-23" }
]

设置key为当前日期：

[
    { "2012-3-22" :
        [
            { "selector": "input[name=\"gratitude1\"]", "val": "" },
            { "selector": "input[name=\"gratitude2\"]", "val": "" },
            { "selector": "input[name=\"gratitude3\"]", "val": "" },
            { "selector": "textarea[name=\"journal\"]", "val": "" },
            { "selector": "input[name=\"exercise_num\"]", "val": "" },
            { "selector": "input[name=\"meditation_num\"]", "val": "" },
            { "selector": "input[name=\"kindness\"]", "val": "" }
        ]
    },
    { "2012-3-23" :
        [
            { "selector": "input[name=\"gratitude1\"]", "val": "" },
            { "selector": "input[name=\"gratitude2\"]", "val": "" },
            { "selector": "input[name=\"gratitude3\"]", "val": "" },
            { "selector": "textarea[name=\"journal\"]", "val": "" },
            { "selector": "input[name=\"exercise_num\"]", "val": "" },
            { "selector": "input[name=\"meditation_num\"]", "val": "" },
            { "selector": "input[name=\"kindness\"]", "val": "" }
        ]
    }
]

【讨论】：

不知道 API 的效率有多高，我只是在这里重复一遍.. 你不能对整个对象进行字符串化吗？这样，localStorage 项的键实际上只是“happyApp”（或其他），值是一组嵌套的对象，可以通过happyApp.date 访问。
现在进入 API，我意识到它是按源存储的，因此您不需要 happyApp 命名空间。我会保留评论，以防其他人可以从我的错误假设中学习。 ;-)

【解决方案2】：

我可能会将日期添加到localStoragekey，或者，根据数据，在存储的值内（由特殊字符分隔或使用保留空间）。

例如，实际数据可能是这样的：

"I'm feel'n pretty good today"

要添加日期，我可以添加：

"032312I'm feel'n pretty good today"

然后，只需使用substring 提取日期或数据即可。

【讨论】：