javascript - 定期更新仅发生一次

Question

我有这个 jquery 脚本

<script>
(function worker() {
  $.ajax({
    dataType: 'json',
    url: '/course.json',
    success: function(data) {
      $('#current').text(data);
    },
    complete: function() {
      // Schedule the next request when the current one's complete
      setTimeout(worker, 1000);
    }
  });
})();
</script>

这只有效一次。一次更新后，即使ajax响应发生变化，#current的值也不会改变。

如果这个问题与更改 DOM 属性有关，我不知道如何使用 .delegate 这里没有像 click 等实际事件。

Answer 1

在成功回调中添加一个 console.log(data); 行，并检查数据是否确实发生了变化。另请转到 F12“网络”选项卡并检查响应是否实际上是 200，而不是缓存的响应(302 等)。也许问题出在缓存上。您必须随文件返回无缓存 header 或添加随机获取参数以使缓存无效。

另外，为什么不在成功回调中添加超时？有两个具有相同目的的回调很奇怪。只是为了确保回调被调用。