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

时间:2015-07-02 16:09:28

标签: javascript html ajax json xmlhttprequest

我有一个每5秒刷新一次的Web应用程序(元标记HTML),每次刷新页面以显示JSON结果时都会连接到Web服务。但是现在我需要在JSON上有一个新值(比如一个套接字)时发生这种情况,如果有任何新内容,有没有办法让API重新加载页面的XMLHttpRequest“监听”?

提前致谢!

1 个答案:

答案 0 :(得分:1)

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

  1. 不要使用元标记刷新您的网页
  2. 首次在浏览器中加载页面时,请建立与服务器的webSocket连接。这将是一个持续的联系。
  3. 在客户端为服务器可以发送的各种消息设置监听器。
  4. 在服务器上,当客户感兴趣的内容发生变化时,请向客户端发送消息。
  5. 当客户端收到感兴趣的消息时,它可以动态修改当前页面以显示更改(无需重新加载页面)。
  6. 仅供参考,socket.io是一个建立在webSockets之上的库,它提供了额外的有用功能(例如自动重新连接和消息传递)。