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