javascript - 使用 javascript 从我的服务器上的文件进行实时更新

Question

首先，感谢我所看到的所有出色答案，它们帮助我完成了过去的项目。

这就是我正在尝试做的事情。我正在组装一个家庭自动化系统，我想做的一件事就是向我的网络服务器发送请求并让它实时提供状态。

其中99%是我在工作。我现在需要(想要)做的是有一个简单的页面检查我的网络服务器上文件的状态并让它实时相应地更改图像。

文件的内容只能是以下单词之一:

开、关、打开或关闭。

我可以使用页面刷新，我的后端 ASP 将完成这项工作，但我想要比刷新时页面闪烁更优雅的东西。因此，我想如果有某种方法可以在 JavaScript 中检查文件的内容，那么我可以使用变量 fileContents 中的文件内容执行如下操作:

document.GetElementById('image').src = 'MyServer.address/GFX/' + fileContents + '.png'

这样，当我的服务器上的文件发生更改时，页面上显示的图像会(接近)实时更改而不会闪烁。

请帮我找到这个场景中缺失的链接。

我希望使结果页面尽可能紧凑。下面是我的 ASP 生成的页面示例:

http://ssbbs.dyndns.org/panic/isy.asp?A=3D30711&T=S

如果我轮询的设备已打开，则显示绿色圆圈；如果设备关闭，则显示蓝色圆圈。

我将作为示例读取的文件是:

http://ssbbs.dyndns.org/panic/ISY/3D30711.txt

Answer 1

使用 Javascript AJAX 调用您的 ASP 脚本。您无需刷新即可获取状态并更新页面。 JQuery 对于此类事情特别有用。