活动结束后如何刷新页面？

Question

我找到了this similar question，但我认为它不能解决我的问题。对于我的场景，我的项目中有 updating / saving 的数据。

场景

申报人想更新他/她在(PC1)的记录

那么(PC2) 已经打开了待处理请求列表的页面。

我想要的是在每次来自(PC1) 的请求之后，如果(PC2) 中的页面当前处于打开状态，它将自动刷新 - 无需用户手动重新加载（例如通过按 F5）。

Answer 1

您可以通过不同的方法来实现这一点，例如：

• 长轮询：长轮询是一种事件驱动的通知，当有更改时服务器会响应（保持请求直到数据可用）
• 短轮询 - 定期（例如，每 30 秒）通过 ajax 请求访问服务器以获取新数据

上述两种技术都是旧的，现在不推荐使用，因为您在现代浏览器中拥有 HTML5 WebSockets 和 WebRTC 等最新功能。你需要的是服务器端的推送，只要有变化。

如果您使用的是 dotnet 后端或其节点后端，我建议您查看 SignalR (http://www.asp.net/signalr)，然后查看 SignalR (npmjs.com/package/signalrjs) 的节点实现。

ASP.NET SignalR 是一个面向 ASP.NET 开发人员的新库，它使 轻松开发实时网络功能。 SignalR 允许 服务器和客户端之间的双向通信。服务器可以 现在立即将内容推送到连接的客户端 可用的。 SignalR 支持 Web 套接字，并回退到其他 旧浏览器的兼容技术。 SignalR 包括用于 连接管理（例如，连接和断开事件）， 分组连接和授权。

更新 - 刚刚在 SO 中看到了一个很棒的详细解释，它会给你更多的洞察力（可能是问题不同，但给出的答案会对你有所帮助） - In what situations would AJAX long/short polling be preferred over HTML5 WebSockets?

Answer 2

见How to refresh another page using javascript without opening the same page in a new tab。

基本上你需要做的是：

//somewhere in your code you open a new tab
//maintain a reference to the window
var childWindow = window.open(initialURL);

//anywhere in your code, when you need to change the url of the window
//if you want to refresh that page, simply use newURL = initialURL
child.location.href = newURL;