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