Javascript自动更新页面？

Question

任何人都可以给我一个方向，我想知道如何自动更新像Facebook这样的页面有新的状态更新，新的喜欢等等。即，如果你在一个窗口打开状态，用户点击“喜欢“，+1会自动出现。

提前致谢。

Answer 1

这些是使用PUSH模型（订阅/发布）完成的。

客户端首先通过发出AJAX请求进行订阅。这个AJAX请求无限期地保持活跃。当服务器收到新的like / comment时，它会将此更新发布到客户端，从而结束AJAX请求。客户端收到此更新并且不会发出另一个AJAX请求。

它大致归类为Comet。

之前，我已经实现了一个Comet网络聊天应用程序，并写了一些技术性的内容。如果有兴趣，你可以在这里阅读。

<强> Comet Web Chat Application

编辑：

心跳机制（PULL模型）肯定更容易实现，但PUSH模型效率更高。

Answer 2

您需要使用ajax，这是一种与数据库通信而无需重新加载网页的方法：例如，您可以使用  的 $ AJAX jQuery框架的功能：here's the doc

Answer 3

我不发布代码，但这里是您可能想要做的快速概述：

1. 拥有“喜欢”的形象
2. 创建一个脚本，将点击处理程序绑定到图像。
3. 一旦点击，脚本就会向服务器发送一个AJAX请求以增加类似的内容
4. 如果该请求成功，则将数据返回到脚本，表明它是成功的。你可能还想要返回喜欢的数量等等。
5. 一旦脚本知道成功，就让它改变你的“喜欢”形象。

至于计算喜欢，好吧，它取决于你。对于一个非常广泛的问题，这是一个广泛的答案，将指向正确的道路。