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

Question

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

提前致谢！

Answer 1

现代的方式做，这是做使用的WebSocket如下：

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

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