将数据永久存储在变量中（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从服务器请求数据。 / p>