自動重新加載div容器

而不是整個頁面刷新一段時間後，我只想特定的div容器重新加載/刷新。有沒有辦法做到這一點？自動重新加載div容器

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

來源

2010-04-07 input

使用'jQuery.ajax'，解析影響你的服務器的回報，從ajax響應採取'div＃wrapper'內容並將其放入'div＃wrapper'中。 – vittore 2010-04-07 18:44:51

你可以得到你使用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>

來源

2010-04-07 18:56:43

這可以工作，但最初當頁面加載時，容器是空的。我如何解決這個問題？ – input 2010-04-07 19:06:31

您可以編寫一個類似的JavaScript函數，預先填充頁面上的div加載 – 2010-04-07 19:14:40

謝謝。檢查。 :) – input 2010-04-07 19:38:47

如果你有這樣的服務的報價，喜歡quote.html例如一個頁面，你可以這樣做：

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

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

在這種情況下，從quote.html（或任何來源必須）的預期收益是一個簡單的字符串即是引用，它將採取此操作並用它替換<div id="quoteContainer"></div>的內容。

來源

2010-04-07 18:45:51

我認爲一個人的形式給出了將

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

來源

2010-04-07 18:47:52

自動重新加載div容器

回答

相關問題