Javascript 自动更新答案

【问题标题】：Javascript Auto UpdateJavascript 自动更新
【发布时间】：2011-11-19 21:27:24
【问题描述】：

在我的流页面中，我有一个当前歌曲脚本，但它没有更新...用户需要刷新页面。

脚本是：

<script name="whasong" id="whasongid" src="http://xxxx.xxxx.net/js/song/u4:2134" type="text/javascript">
You appear to have javascript turned off.
</script>

src="http://xxxx.xxxx.net/js/song/u4:2134" 代码：

document.write('SONG NAME');

是否可以只自动更新这个脚本而不刷新整个页面？

【问题讨论】：

你需要一些东西来触发当前歌曲的更新。每当用户开始收听下一首歌曲时触发的事件。

标签： javascript refresh

【解决方案1】：

您可能需要 Ajax 功能。你的意思是，在歌曲播放结束时，你想修改页面内容以反映歌曲的变化？如果是这样，您可能会通过研究像 jQuery 或 Backbone.js 这样的 JavaScript 框架并将一些行为绑定到相关的状态更改来获得很多。所以你会希望歌曲改变（例如）触发你准备好的某个函数，它会使用jQuery通过Ajax查询服务器来更新页面，并相应地改变DOM。

编辑：如果您不想等待网页中的显式状态更改，而是希望定期更新它，那么您可能正在寻找这样的策略：

function updatePage(/* arguments */) {
  // Call the server to get some data ...
  // Update the page accordingly ...
  if (/* continue updating the page? */) setTimeout(60000 /* 60 seconds */, updatePage);
}

例如，如果您使用jQuery for your Ajax needs，该函数可能如下所示：

function updatePage(/* arguments */) {
  jQuery.get("/your/url", {foo: "bar"}, function(data) {
    // Update the page accordingly ...
    if (/* continue updating the page? */) setTimeout(60000 /* 60 seconds */, updatePage);
  });
}

如果您需要更具体的帮助，请不要犹豫，更准确地说明您的问题是什么。

【讨论】：

我刚刚编辑了答案，以提供一些定期更新的示例。