在 LocalStorage 中保存 Table 数据

Question

  $('.new_customer').click(function () {
    var table = $("table");
    var number = table.find('tr').length;
    table.append('<tr id="' + number + '"><td><input type="button" class="btn btn-success btn-xs" value="Save" id="save' + number + '"></td></td>' +
        '<td><input type="text"/></td>' +
        '<td><input type="text"/></td>' +
        '<td><input type="text"/></td><td><input type="text"/></td>' +
        '<td><input type="text"/></td><td><input type="text"/></td><td><input type="text"/></td>' +
        '<td><input type="text"/></td></tr>');
    $(document).on('click', 'input[id^="save"]', function () {
        $(this).parents('tr').children('td').each(function () {
            if ($(this).children("input[type=button]").length==0) {
                $(this).html($(this).children('input').val());
            }
            else{
                $("input[type=button]").removeClass("btn-success").addClass("btn-warning").val("review");
            }
        });

    });
});

美好的一天！我正在用一些信息创建 table，我想将这些信息保存在 localStorage 中。我只是一个初学者，我以前从未做过这件事，你可以帮帮我吗？我试着用类似的东西，但此代码无效。我很乐意提供任何帮助。谢谢你。

         var inputs= $("tr").children('input').val();
        localStorage.setItem("customer", JSON.stringify(inputs));

Answer 1

本地存储只接受字符串数据。您需要创建一个 json 数据数组，然后在检索它时对其进行解析。

http://jsfiddle.net/ha6kdhp7/

<input value="1"/>
<input value="2"/>
    <input value="3"/>

    var myArray = new Array();
var inputs = $('input').each(function(index, i){
    myArray.push($(this).val())
});


//console.log(myArray);
        localStorage.setItem("customer", JSON.stringify(myArray));
console.log($.parseJSON(localStorage.getItem("customer")));

在 LocalStorage 中保存 Table 数据

Saving Table data in LocalStorage

html

javascript

jquery

local-storage