如何保存到本地存储

时间:2016-08-04 23:19:06

标签: javascript jquery json html5

所以我为弹出窗口和表单创建了一个表格表元素和函数。单击保存按钮时附加元素也可以。但是,我无法使其在刷新页面中存储和从本地存储中提取内容。我试图用当前生成的ID填充单元格。考虑到我是JavaScript的新手,我完全错过了某些东西。有人可以告诉我这是什么。守则

 /*save to td */
 $('#save').click(function () {
    localStorage.setItem(clickID, JSON.stringify(clickID));
    var theName = $('input[name=name]').val();
    var theLastName = $('input[name=lastname]').val();
    $('input[name=name]').val("");
    $('input[name=lastname]').val("");
    var $fullCell = $('<p>' + theName + '' + theLastName +     '</p>');
    if((theLastName+theLastName).length > 0){
       $(callingID).append($fullCell);
       $(callingID).css('background-color', 'yellow');
    }
});

https://jsfiddle.net/9zcj3ab8/27/

1 个答案:

答案 0 :(得分:0)

在javascript键中,对象必须是字符串。您可以将localStorage视为持久性Javascript对象。由于您在clickID上调用JSON.stringify,我假设clickID是一个javascript对象。

setItem的第一个参数必须是一个字符串,后跟第二个参数的任何有效js类型(此处为setItem的文档:https://developer.mozilla.org/en-US/docs/Web/API/Storage/setItem

如果clickID是一个字符串:

此外,您只需将clickID和clickID的字符串版本保存到localStorage即可。在我看来,预期的行为是将一个名为clickID的字符串存储到localStorage作为键(第一个参数),其中第一个名称和姓氏作为值(第二个参数)。

不确定这是不是错误的jsfiddle,但你的$('#save').click函数无处可寻。