javascript - 将数据永久存储在变量中(javascript)

Question

是否可以将数据永久存储到您的网页或在页面刷新后存储？

$('<li>').text(post).prependTo('.userPosts');
//store the data whenever the an <li> is added to the <ul class="userPosts">

我为它创建了一个jsfiddle http://jsfiddle.net/bgb4h2g1/1/任何想法都会有所帮助。谢谢!

Answer 1

javascript 上下文仅在浏览器中页面的生命周期内存在。一旦用户移动到另一个页面，整个 javascript 上下文就会被丢弃。因此，Javascript 变量本身不会在浏览器中页面的生命周期之外持续存在。

因此，要使值持久存在，您必须将其存储在某个位置，然后在下次查看该页面时从该位置加载它。数据可以存储在浏览器中，也可以存储在服务器上。

在浏览器中，您可以将其存储在 cookie 或 LocalStorage 中。

在服务器上，您可以使用 Ajax 将值推送到服务器以由服务器存储，但它认为存储它(在数据库中，在内存中，等等......)。如果存储在服务器上，您还必须知道您代表哪个用户存储它，因为服务器满足许多查看者的需求。

如果将其存储在浏览器中，那么您通常会在页面初始化时运行一些 JavaScript，从 cookie 或 LocalStorage 加载数据。

如果存储在服务器上，您可以按照浏览器的请求将数据插入页面(页面生成的一部分)，也可以让页面中的 Javascript 通过 Ajax 从服务器请求数据。