2012-09-10 151 views
1

我有head標籤刷新Div內容不起作用?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script> 
var auto_refresh = setInterval(
function() 
{ 
$('#loaddiv').fadeOut('slow').load('reload.php').fadeIn("slow"); 
}, 1000); 
</script> 

和DIV之間這段JavaScript代碼看起來是這樣的:

<div id="loaddiv"> 

<div style="float: left; width:868px; height:635px; border:2px solid #000; overflow:auto;"> 
<?php 
index_table(); 
?> 
</div> 

</div> 

index_table();是從MySQL數據庫表中的記錄輸出功能。每次將新記錄插入到此表中時,都會自動顯示,因爲我的div當前保持刷新(或持續閃爍,但新記錄不存在)。

問題是它不顯示正在插入的新記錄。唯一的方法就是刷新頁面(刷新按鈕 - 谷歌瀏覽器)。

上面的代碼有什麼問題?

+0

嘗試在$ jQuery代碼( 「文件」)。就緒(函數(){//此處寫你的jQuery}) –

+0

你真的有使用jQuery 1.3? – bfavaretto

+0

@bfavaretto不,我不是很熟悉Javascript。如果您有其他方法,請幫助我。 – Alihamra

回答

1

您是否嘗試過像.load在回調函數設置警報:

$('#loaddiv').load('reload.php', function() { 
    alert('Load was performed.'); 
}); 

爲了確保reload.php加載正確?

1

php代碼在服務器端執行,在客戶端執行fadeout/fadeIn。你應該使用ajax或者在setInterval中插入一個window.load()來刷新頁面。

1

我會建議使用jQuery的.get和.html方法刷新數據。 .get檢索結果集和.html以顯示結果集。

http://api.jquery.com/html/