如何使用Javascript

时间:2015-05-30 08:02:21

标签: javascript jquery

我正在建立一个可以存储金融资源的网站。只是为了练习。不要公开。到目前为止,我已经制作了可以添加新列表的部分。并填写一些东西。但是当然如果我刷新页面就会消失。那么如何保存新制作的列表呢?

4 个答案:

答案 0 :(得分:2)

您可以通过cookie或更好的localStorage将其存储在浏览器中。但是,当然如果浏览器删除了"个人数据"或者您使用其他浏览器,数据消失了。

通常,您将设置服务器(例如,PHP)并将其保存在数据库(例如MySQL)中,即使您仅在自己的计算机上使用该应用程序。

答案 1 :(得分:1)

尝试使用Cookie或WebStorage(localstorage或sessionstorage对象)。如果您使用财务信息,请考虑使用HTTPS

答案 2 :(得分:0)

我自己学习本地存储非常新,因为你说“存储在浏览器中”,我认为最好的当前和麻烦和黑客方法是localstorage。

这是我制作的手风琴,用于存放手风琴的状态(天气打开或关闭)。

<强> FIDDLE HERE

JS ::

$(function () {
    var initialCollapse = localStorage.collapse;


    if (initialCollapse) initialCollapse = initialCollapse.split(",")
    console.log(initialCollapse);
    $(".collapse-headings>a").click(function () {
        var div = $(this).parent();

        div.toggleClass("close open");


        $(".collapse-content", div).toggle("slow");

        localStorage.collapse = $(".collapse-headings").map(function () {
            return $(this).hasClass("open") ? "open" : "close"
        }).get()

        console.log(localStorage.collapse)
        return false;
    })
    if (initialCollapse) {
        $(".collapse-headings>a").each(function (i) {
            var div = $(this).parent();
            div.removeClass("close open").addClass(initialCollapse[i])

            $(".collapse-content", div).toggle(initialCollapse[i] !== "close");

        })
    }

});

这可能是了解localstorge的一个很好的起点,但如果你进行谷歌搜索,你会遇到大量有用的信息,如跨浏览器兼容性和本地存储限制以及后备。

答案 3 :(得分:0)

您可以使用Firebase。如果你只做小事,那就太棒了。 基本上,它允许您使用简单的Firebase API在其服务器上在线存储数据。

他们的教程应该让你开始: Firebase 5 minute tutorial