能否使用SignalR触发所有客户端的AJAX请求实现页面内容实时刷新？

视图中有一个DIV区块，当服务端数据发生变更时需要刷新该区块，且无法通过定时轮询的方式进行定期更新，服务端数据变更是由用户在客户端进行操作触发的。
换言之：用户A点击按钮后服务端数据发生变更，所有用户页面上的对应DIV都需要“立即”刷新，让所有用户第一时间看到变更内容。
请问该需求如何实现？是否可以通过SignalR触发所有客户端的AJAX请求来完成？

方案可行性说明 #

你提到的通过SignalR触发所有客户端发起AJAX请求的方案是完全可行的，这也是这类多端实时同步需求的常规实现思路，SignalR本身就是为这类服务端主动推送场景设计的，底层默认优先用WebSocket协议，实时性可以做到毫秒级，远高于轮询方案，资源占用也更低。

具体可以按两种思路实现：

方案1：SignalR发通知+客户端主动拉取（你提到的方案） #

• 服务端集成SignalR，创建对应Hub类处理客户端连接、消息广播逻辑
• 所有用户访问页面时，前端自动初始化和SignalR Hub的长连接
• 用户A点击按钮触发服务端数据变更、完成数据落库后，服务端调用SignalR的广播方法，向所有已连接的客户端发送一个data_updated自定义事件通知
• 所有客户端监听data_updated事件，收到通知后立刻发起AJAX请求拉取对应DIV的最新数据，替换DIV内容即可
  该方案优势是逻辑改动小，可以直接复用原有已有的数据拉取接口，不需要调整现有业务的权限校验、数据组装逻辑。

方案2：SignalR直接推送更新内容（性能更优） #

• 前两步和方案1一致，用户访问页面时建立SignalR长连接
• 用户A操作触发服务端数据更新后，服务端直接组装好对应DIV需要的最新数据、甚至预渲染好HTML片段，通过SignalR直接广播给所有在线客户端
• 客户端收到推送的内容后，直接替换对应DIV的内容即可，不需要额外发起AJAX请求
  该方案优势是减少了一次AJAX请求开销，延迟更低，适合对实时性要求更高的场景。

核心注意事项 #

• 要做好连接异常兼容：WebSocket连接因为网络波动、页面后台挂起断开时，前端要加自动重连逻辑，避免错过更新通知
• 增加弱网下的数据一致性校验：可以在推送消息里额外加数据版本号，客户端本地存储当前渲染内容的版本号，收到推送时如果版本号落后，或者页面从后台切回前台时，主动发起一次数据拉取对齐，避免断连期间漏掉更新
• 权限控制：如果该DIV的内容有权限限制，不要全量广播，服务端要按用户权限筛选推送范围，避免敏感数据泄露给无权限用户

内容的提问来源于stack exchange，提问作者Stian