javascript - 为所有在线用户刷新页面

Question

当用户单击“保存”按钮时，我希望当前页面中的所有用户都收到通知，或者更好(或者再想一想更糟)强制刷新页面。

所以，我在我的脚本中尝试了这个:

function save_match() {
    ...
    alert("Saved slot " + slot + "! :)");
    window.location.reload();
}

但是刷新当然只发生在实际按下按钮的用户身上，其他用户不知道其他用户刚刚进行的保存。

强制重新加载页面似乎不太可能发生，那么通过 JavaScript 执行一些操作来通知其他在线用户保存事件怎么样？

可能相关question .

<小时/>

所以，我想要的是这样的:

function save_match() {
    ...
    alert("Saved slot " + slot + "! :)");
    // do something here so that all online users are updated!!
}

Answer 1

您需要实现 Server Push 。该技术有不同的工作策略，如长池化、心跳和WebSockets。检查一下。

编辑:使用提到的任何策略确实是可能的。

对于长池化，您向服务器发送请求并无限期地等待，直到服务器“推送”回任何更新(如果有)。 Check this post了解如何使用 jQuery 做到这一点。

Heartbeat 是一种不同的、更耗费 newtork 的技术，您每 x 秒发送一个请求，以查看服务器是否有任何更新，如果有，则更新数据。 Check this example如何实现它。

您还可以查看如何实现 WebSockets javascript 应用程序的示例 in the MDN但考虑browser support for this feature在跳上它之前。