javascript - 如何在没有服务器端脚本访问的情况下进行实时更新网页？

Question

我有一个现成的嵌入式以太网模块，用于监控外部电子系统。这个以太网模块包括一个非常有限的网络服务器。此 Web 服务器不支持任何类型的标准脚本语言。为了读取被监控系统的状态，我可以将非常具体的命令嵌入到 HTML 文件的注释中。提供文件时，服务器知道用请求的数据替换这些注释。这样，我可以通过我的浏览器查看系统的状态。

我的问题是：服务器只会在提供 HTML 页面时提供更新的数据。没有办法进行异步请求。这使得实时数据基本上是不可能的；要获取有关系统状态的更新信息，我必须刷新整个页面。这是缓慢、低效和丑陋的。我想找到一种方法来实时更新我的​​状态页面。

我怀疑这将需要我使用 Javascript 异步请求包含所有有趣数据的第二个 HTML 页面，然后解析该文件并使用数据来更新主页，所有这些都没有真正刷新我正在查看的页面。我不知道该怎么做，或者是否有可能。这可以做到吗？如果是这样，怎么做？

Answer 1

可以使用 XMLHttpRequest 来完成，只要两个 HTML 文件都存储在同一位置（以避免 CORS 约束）。

查看这篇 MDN 文章以获取有关如何使用 XMLHttpRequest 的示例。

高级视图将是：

// live webpage
var xhr = new XMLHttpRequest();
xhr.onload = function () { /* parse xhr.repsonseText */ };
xhr.onerror = function () { /* ... */ };

xhr.open('get', 'server-updated-page.html', true);
xhr.send();