使用jQuery每10秒刷新一次带有php数据的div

时间:2013-04-14 12:04:39

标签: php javascript jquery html refresh

尝试使用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页面上显示“测试”..任何人都可以建议我哪里出错了?

非常感谢

3 个答案:

答案 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);
});