从 javascript 按钮保存数据

Posted 2023-05-07

【中文标题】从 javascript 按钮保存数据

【英文标题】：Saving data from javascript button

【发布时间】：2017-11-26 19:58:07

【问题描述】：

我的页面上有一个简单的按钮，我想问 - 保存或计算每次点击此按钮的最佳方法是什么？ - 是文本文件吗？它是一些互联网服务器吗？我对JS很陌生，谢谢。 - 演示在这里：

var el = document.getElementById('like');
el.addEventListener('click', function() 
    this.className = 'after';
);

.like
  color: red; 

.like:hover
  color: blue;

.after
  color: blue;

Do you like this page? Please click button bellow.
<button class="like" id="like">CLICK!</button>

【问题讨论】：

这取决于，你想把这个保存到哪里，谁需要看到这个？只有点击按钮的用户才需要知道计数吗？

我认为如果你只想计算每个用户，你可以在本地使用 js 来完成，但如果每次有人进入页面并点击你需要使用服务器

只有我一个需要看到它的人——作为网站管理员——普通用户浏览页面看不到它。它也可以保存在任何地方 - 只是让我有权检查每次有人点击页面上的按钮时增加的数字。

@Franck 可能是每个用户，刷新页面后他们可以再次点击，没关系:)

如果您需要所有用户，那么谷歌分析是最简单的...不需要您构建安全的管理页面来阅读它或在您的服务器或第三方服务上设置数据库。它是免费的，只需几分钟即可完成设置

【参考方案1】：

var el = document.getElementById('like');
var timesClicked = 0;
el.addEventListener('click', function() 
    this.className = 'after';
    timesClicked += 1;
);

【讨论】：

好吧，但是在页面刷新后它会重置，是否可以在页面刷新时不重新启动计数器来完成？

@Arbys 不，如果您希望在页面刷新时不重置某些内容，则需要将其与 cookie 一起存储或使用 Web 服务器，并且如果您（作为主机）希望能够查看所有用户的点击次数，您将必须使用网络服务器

javascript 不能那样工作。就像尼克说的，你需要更高级的东西，比如数据库。 Cookie 将是您执行此操作的最简单方法，但它可能不是完美的解决方案。如果有帮助，请将答案标记为正确，但您的问题超出了 Stack Overflow 的范围。