javascript – 我可以在没有无限间隔的情况下检测文件更改或重新加载页面吗？

我的问题基本上如下：我有一个网页在另一个子域(Airtime sourcefabric)上运行在线广播.现在我发现这个无线电插件有一个很好的实时API,所以我可以从这个URL访问JSON中的prevoius,当前和下一个音轨(和显示)信息：http://music.wickedradionet.com/api/live-info.

我需要在网页上显示这些信息.我可以使用javascript间隔工作,每秒(或每5秒,无关紧要)从API URL更新信息,但我认为必须有更好的方法来做到这一点.

有没有办法检查文件是否已更改,只有在它们不相同时才更新信息？我认为可以通过一些棘手的PHP来完成,例如设置CRON作业,或者使用WebSocket工作.有没有比在JS间隔中检查更好的方法？

我现在使用的javascript更新：http://wickedradionet.com/js/wickedradio-playlist.js

解决方法:

下面介绍了如何改进轮询的两种方法：

1)更有效的AJAX轮询

而不是每秒不断地执行ajax请求(无论您是否获得数据),您可以创建与服务器的hacky open连接,以便在请求完成后进行轮询,如下所示. $.ajax()调用的重要部分是完整选项.超时(即30秒)是为了确保在循环中断时继续轮询.

(function betterPoll(){
    $.ajax({ url: 'http://music.wickedradionet.com/api/live-info/', success: function (data) {
        // do something with "data"
    }, dataType: "json", complete: betterPoll, timeout: 30000 });
})();

2)WebSocket连接

一个更好的选择是WebSocket.这允许全双工,低延迟连接在客户端和服务器之间保持打开,从而实现“实时”通信.

如果您使用的是Node.js,则docs提供了有关如何使用Socket.IO进行WebSocket通信的示例.如果您正在使用PHP,快速搜索会将我带到Ratchet和PHP WebSockets.

下面是使用Socket.IO的示例：

在您的HTML中：

<script src="https://cdn.socket.io/socket.io-1.3.5.js"></script>
<script src="example.js"></script>

在“example.js”中,您可以使用以下内容：

var socket = io.connect('http://music.wickedradionet.com/api/live-info/');
socket.on('an event', function (data) {
  // do something with "data"
  socket.emit('another event', { other: 'data' });
});

在服务器上,你可以使用.on(‘另一个事件’,function(){})和.emit(‘一个事件’,function(){})做类似的事情.