使用 XMLHttpRequest 从 API 动态获取和替换内容

Question

我有一个每 5 秒刷新一次的 Web 应用程序（元标记 HTML），每次刷新页面时都会连接到 Web 服务以显示 JSON 结果。但是现在我需要在 JSON 上有一个新值（如套接字）时发生这种情况，是否有任何方法可以使 API 中的 XMLHttpRequest "listening" 重新加载页面，如果有什么新东西吗？

提前致谢！

Answer 1

执行此操作的现代方法是使用 webSocket 执行以下操作：

1. 不要使用元标记刷新您的网页
2. 当您的页面首次在浏览器中加载时，与您的服务器建立 webSocket 连接。这将是一个连续的连接。
3. 在客户端中为您的服务器可以发送的各种消息设置监听器。
4. 在服务器上当客户端感兴趣的东西发生变化时，向客户端发送消息。
5. 当客户端收到感兴趣的消息时，它可以动态修改当前页面以显示该更改（无需重新加载页面）。

仅供参考，socket.io 是一个构建在 webSockets 之上的库，它提供了额外的有用功能（例如自动重新连接和消息传递）。