尝试使用jQuery每隔10秒刷新存储在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页面上显示“测试”..任何人都可以建议我哪里出错了?
非常感谢
答案 0 :(得分:10)
jQuery load
方法以不同的方式工作。请尝试阅读documentation。
您不必两次指定目标元素ID,删除第二个,如下所示:
$("#latestData").load("getLatestData.php");
答案 1 :(得分:4)
这是一种使用jQuery中的$.get
方法解决您想要实现的方法:
$(document).ready(function () {
setInterval(function() {
$.get("getLatestData.php", function (result) {
$('#latestData').html(result);
});
}, 10000);
});
答案 2 :(得分:0)
如果您想刷新消息计数,请使用以下代码:
$(document).ready(function () {
setInterval(function () {
$("#ID").load();
}, 1000);
});