如何为每个人提供点赞按钮更新页面

Posted 2023-02-26

【中文标题】如何为每个人提供点赞按钮更新页面

【英文标题】：How to have like button update page for everyone

【发布时间】：2021-02-19 17:17:08

【问题描述】：

我正在写博客，我希望有一个赞按钮，但我很好奇，我怎样才能让每个人都更新这个按钮？

<button onclick="like()">Like</button>
<span id="likecount">0</span>

和js

function like()
  document.getElementById('likecount').innerText++;
  //Toggle code here

【问题讨论】：

嗨，也许使用数据库来存储计数？这可能很有趣***.com/questions/14597922/…

【参考方案1】：

如果您打算像 FB/Twitter/etc 那样更新类似的东西，您需要一个允许服务器向连接的客户端发送更新的连接，而客户端不需要任何请求。这可以使用 WebSockets / Socket.io 完成，但需要与标准博客不同的基础架构。

另一种方法是将点赞数据保存到数据库中，并每隔几秒将polling 点赞数据保存一次。它不那么花哨，但也不那么复杂。