使用jQuery每10秒刷新一次使用php數據的div

正在嘗試使用jQuery每隔10秒刷新存儲在div中的數據。使用jQuery每10秒刷新一次使用php數據的div

我的HTML代碼：

<!DOCTYPE html> 
<head> 
<title>Untitled Document</title> 

<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script> 
    $(document).ready(function(){ 
     setInterval(function() { 
      $("#latestData").load("getLatestData.php #latestData"); 
     }, 10000); 
    }); 

</script> 
</head> 

<body> 
    <div id = "latestData"> 

    </div> 
</body> 
</html>

而且PHP代碼我使用（暫時，因爲我知道這不會改變，由於相同的「數據」）：

<?php 

    echo "test"; 

?>

然而，它甚至沒有在HTML頁面上顯示「測試」..任何人都可以提出我出錯的地方嗎？

非常感謝

來源

2013-04-14 New_programmer

jQuery的load方法的工作方式不同。嘗試閱讀它的documentation。

您不必指定兩次目的地元素ID，刪除第二個，像這樣：

$("#latestData").load("getLatestData.php");

來源

2013-04-14 12:08:30 Uby

啊，是每事實上，知道這將是簡單的事情！非常感謝！另外一個小問題，文本僅在10秒後出現，是否有辦法讓它直接出現，然後在10秒後刷新？ –

@New_programmer有很多方法可以做到這一點，看看這個問題：http://stackoverflow.com/questions/6685396/execute-the-first-time-the-setinterval-without-delay – Uby

這裏，將解決你想要達到的目標，使用$.get方法jQuery的一種方式：

$(document).ready(function() { 
    setInterval(function() { 
     $.get("getLatestData.php", function (result) { 
      $('#latestData').html(result); 
     }); 
    }, 10000); 
});

來源

2013-04-14 12:09:55

如果要刷新的消息數只使用此代碼：

$(document).ready(function() { 
    setInterval(function() { 
     $("#ID").load(); 
    }, 1000); 
});

來源

2014-09-10 07:31:32 vishal

使用jQuery每10秒刷新一次使用php數據的div

回答

相關問題