保存到localstorage动态JQuery行

时间:2014-04-30 18:22:34

标签: javascript jquery html5

我认为我的网页设计存在重大错误。如果我重新启动计算机或关闭网页,我需要保存内容。

我无法访问任何类型的数据库服务器,只能访问MS Access。我正在考虑使用localstorage,因为页面将不断从同一台计算机上查看。

我找到了这个例子[link] Edit functionality using javascript and local storage但是我不确定它是否会起作用。

有人可以看看我的例子,让我知道我是否可以这样做,或者我是否需要放弃并重新开始。

$(document).ready(function () {
    var id = 0;

    // Add button functionality
    $("table.dynatable button.add").click(function () {
        id++;
        var master = $(this).parents("table.dynatable");

        // Get a new row based on the prototype row
        var prot = master.find(".prototype").clone(true);
        prot.attr("class", "")
        prot.find(".id").attr("value", id);

        master.find("tbody").append(prot);
    });

    // Remove button functionality
    $(document).on("click", "table.dynatable button.remove", function () {
        $(this).parents("tr").remove();
    });
});

http://jsfiddle.net/deaconf19/csL68/

由于

1 个答案:

答案 0 :(得分:0)

如果您是从网络服务器运行网页 - 也就是说,您的网址以http://https://开头,那么您可以使用localStorage来保存数据。

如果您直接从硬盘驱动器运行该文件,也就是说,您的网址以file:开头,那么您将遇到问题。 Chrome不会让你使用localStorage - 我不记得Firefox是否会这样做。

(如果您需要从本地硬盘而不是服务器运行,您在Windows下运行,则可以将文件转换为HTA并将数据保存到一个普通的文件。)