Question

所以我在HTML中有多个输入框。然后我用jquery创建一个表，只需单击一个按钮，我就可以将输入框中的值存储到我的表中。我不知道该怎么做的是如何将这些值存储到本地存储中，以及页面重新加载的时间在表中显示它们。

这是我在表格中添加新行的代码：

    $().ready(function(){
      $("#addLine").click(function(){
        var chore = $("#chore").val();
        var type= $("#type").val();
        var importance = $("#importance").val();
        counter++;
        var newLine = "<tr><td>"+counter+"</td><td>"+chore+"</td>   
        <td>"+type+"</td><td>"+importance+"</td><td>"+date+"</td></tr>";
        $("#tabela tbody").append(newLine);
});
});

Answer 1

使用localStorage的var currentUser = Parse.User.current(); if(currentUser){ var storeData = currentUser.get("store"); alert(storeData.get("city")); var city = storeData.get("city"); alert(city);方法：

setItem

稍后您可以像这样获取它：

localStorage.setItem( "tabledata", $("#tabela").html() );

Answer 2

你必须制作一个数组

var tableItems = [];
//getting old items
tableItems = localStorage.getItem("tabledata");

//push item on new add
tableItems.push({
"chore":"",
"type":"",
"importance":"",
"date":""
});

您必须将其存储在

中

localStorage.setItem( "tabledata", tableItems ) );

从<table>

中存储的JSON生成localStorage

Answer 3

在浏览器本地存储中设置项目：

localStorage.setItem("key", value);

从浏览器本地存储中获取项目：

var value = localStorage.getItem("key");

将表格内容存储到HTML5本地存储空间

3 个答案: