Javascript将函数的输出保存到站点？答案

【问题标题】：Javascript saving output of function to the site?Javascript将函数的输出保存到站点？
【发布时间】：2012-10-06 21:48:02
【问题描述】：

嗨，伙计们，这有点奇怪，可能是一个简单的解决方法设置为可以在此处看到的图像：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
</style>
<title></title>
<script type="text/javascript">
var count = 0;
function countClicks() {
 count = count + 1;
    document.getElementById("p2").innerHTML = count;
}
</script>

</head>
<body>
<table border="0">

<td>
<div id="p2" style="padding-left:15px; font-size:30px; font-family:Showcard        Gothic">0</div><br/>
<div>
<img onclick="javascript:countClicks();" src="C:\Users\DOMINATION\Desktop\button.jpg"     alt="alt text" />
</div>
</td>
</body>
</html>

基本上我想要它，这样每当刷新站点时，计数器就与上次更改时设置的计数器相同，例如，如果有人进入站点并将计数器设置为 4，而另一个用户来了到网站上/同一个人刷新页面，计数器仍为 4。这可能吗？

【问题讨论】：

标签： javascript html function save counter

【解决方案1】：

您必须区分存储在服务器端（所有用户都可以看到）的内容和存储在客户端分别为每个用户存储的内容。

关于客户端存储，您可以使用localStorage，您可以在其中记住用户输入的值，从而使其离线可用。下次用户打开/刷新页面时，他将再次获得他之前输入的值。其他用户显然不会看到该值，因为它独立存储在每个用户的本地计算机上。
这是一篇好文章：http://www.html5rocks.com/en/tutorials/offline/storage/

另一方面，如果您想与多个用户共享某些内容，则必须将其集中存储在某个可供所有人访问的地方：服务器。

【讨论】：

【解决方案2】：

在客户端中仅使用 Javascript 没有简单的解决方法（Javascript 放置在 html 代码中）。

对于您描述的工作，一个用户执行的点击需要通过服务器共享给其他用户。因此，您需要一些服务器端逻辑才能使其正常工作。

【讨论】：

【解决方案3】：

如果你只使用 JavaScript 并将其存储在客户端是不可能的，你还必须将其存储在服务器端。

在您的情况下，最好对服务器进行 ajax 调用以更新按钮的点击次数。在stackoverflow问题一击中也有类似的情况：

jQuery - Increase the value of a counter when a button is clicked

【讨论】：