如何保存到本地存储

Question

因此，我为表格和弹出窗口制作了表格表元素和函数。 单击“保存”按钮上的附加元素也可以使用。 但是我不能使其工作的内容要存储在刷新页面中并从本地存储中拉出。 我以某种方式试图用当前生成的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/

Answer 1

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

setItem的第一个参数必须是字符串，第二个参数后面必须是任何有效的js类型（setItem的文档在这里： https : //developer.mozilla.org/zh-CN/docs/Web/API/Storage/setItem ）

如果clickID是字符串：

此外，您仅将clickID和stringID的字符串化版本保存到localStorage。 在我看来，预期的行为是将名为clickID的字符串作为键（第一个参数）存储到localStorage，并且将名字和姓氏作为值（第二个参数）。

不知道这是否是错误的jsfiddle，但是在那里找不到$('#save').click函数。