Javascript自动更新

时间:2011-11-19 21:27:24

标签: javascript refresh

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

脚本是:

<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');

是否可以在不刷新整个页面的情况下自动更新此脚本?

1 个答案:

答案 0 :(得分:0)

您可能需要Ajax功能。你的意思是,在播放歌曲结束时,你想修改页面内容以反映歌曲的变化吗?如果是这样,您可能会通过查看像jQueryBackbone.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);
  });
}

如果您需要更具体的帮助,请不要犹豫,更准确地了解您的问题。