一个监控html页面的教科书解决方案

Question

作为一名后端人员，我不了解 GUI 库和技术。
我非常了解 HTML、CSS 和 JavaScript 三位一体，偶尔会在琐碎的情况下使用它。

我要构建的是一个带有静态结构的 html 页面，用于监控服务器。
该页面包含一些字段、表格和琐碎的控件。
只要服务器上的数据发生变化，它就应该更新字段（主要是表）。
这意味着服务器必须通过打开的连接推送数据，并且 JavaScript 应该解析并显示它。

显然，这可以手动完成，但我猜在这个时代，有一些解决方案可以只用几行代码来攻击这种场景。

我正在寻找的是对 JavaScript 库的建议，它可以使这样的监控屏幕成为一项微不足道的任务。

Answer 1

您正在寻找的是 Comet 库/解决方案。我建议搜索关于 SO 的其他相关问题。我看到那里有一些有用的信息。

我发现有一个jQuery plugin，Dojo 也有一个project。

Answer 2

您可以使用WEBSOCKETS 完成此操作，缺点是您可能需要在服务器端进行特殊配置，因为该技术相对较新（由 html5 引入）并且仅在最新的网络浏览器中实现。

This 是使用 websockets 的一个很好的例子，数据会随着服务器端的变化而更新。