2010-04-07 98 views
2

而不是整个页面刷新一段时间后,我只想特定的div容器重新加载/刷新。有没有办法做到这一点?自动重新加载div容器

<div id="wrapper"> 
<div id="quoteContainer"></div> 
</div> 
+0

使用'jQuery.ajax',解析影响你的服务器的回报,从ajax响应采取'div#wrapper'内容并将其放入'div#wrapper'中。 – vittore 2010-04-07 18:44:51

回答

5

你可以得到你使用jQuery和谷歌AJAX API渴望

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
    $('#load_latest_scores').load('latest_scores.html'); 
}, 10000); // refresh every 10000 milliseconds 
</script> 
<body> 
<div id="load_latest_scores"> </div> 
</body> 
+0

这可以工作,但最初当页面加载时,容器是空的。我如何解决这个问题? – input 2010-04-07 19:06:31

+0

您可以编写一个类似的JavaScript函数,预先填充页面上的div加载 – 2010-04-07 19:14:40

+0

谢谢。检查。 :) – input 2010-04-07 19:38:47

4

如果你有这样的服务的报价,喜欢quote.html例如一个页面,你可以这样做:

setInterval(refreshQuote, 10000); //every 10 seconds 

function refreshQuote() { 
    $("#quoteContainer").load("quote.html"); 
} 

在这种情况下,从quote.html(或任何来源必须)的预期收益是一个简单的字符串即是引用,它将采取此操作并用它替换<div id="quoteContainer"></div>的内容。

2

我认为一个人的形式给出了将

<script> 
function render(){ 
$('#mydiv').html("<b>new stuff</b>") 
} 
window.setInterval(render, 500); 
</script>