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

标签 javascript html ajax json xmlhttprequest

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

提前致谢!

最佳答案

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

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

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

关于javascript - 使用 XMLHttpRequest 从 API 动态获取和替换内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31189575/

相关文章:

javascript - Array.push 正在推送一个空数组而不是我传递给它的完整数组

javascript - 如何使用 JavaScript 删除 HTML 中的所有表格?

html - 在换行上排列 float 元素

javascript - 尝试从 url 获取 JSON/JSONP 数据并将结果显示到 html 网页上

javascript - Ajax - 如何在成功函数中使用返回的数组

php - str_replace 基于 CSS 注释的 CSS 属性

javascript - 更改语言后更改文本对齐

javascript - 如何在不使用 jquery 的情况下初始化具有字符数的物化文本区域?

html - 没有 href 属性的样式 <a>

javascript - @Url.ACtion() 中不接受变量参数