重新加载页面后如何让网站记住数字？

Question

我有一个简单的简单网页，其中一个按钮可以将计数器增加1.当重新加载页面时，该数字会回到零。怎么可能让这个数字保留在原来的位置？它需要某种基本的后端或数据库吗？

我对Web开发的实用性不熟悉所以我不确定后端和前端如何交互。

Answer 1

有几种方法可以做到。就像你说的那样你可以将它放在一个数据库中，或者你可以将它存储在cookie中，或者存储在会话变量中的服务器上，或者你可以使用localstorage。

如果你想开始学习一些服务器端的东西，可以查看PHP（或其他）教程。使用数据库来存储它是另一层。

如果您只想让客户端使用javascript和localstorage或cookie选项。 localstorage是更新更酷的选择。

Answer 2

这取决于范围，会话，用户/浏览器，用户，请求？

如果您需要保持页面重新加载的值，您可以使用sessionStorage，它将保留您的计数器，直到您关闭页面。

// Get counter from session storage or set it to 0
var mynum = sessionStorage.getItem('counter') | 0 ;

//... then increment
mynum ++;
// And save back to session storage
sessionStorage.setItem('counter',mynum)