使用 jQuery 每 10 秒用 php 数据刷新一个 div答案

【问题标题】：Refresh a div with php data every 10 seconds using jQuery使用 jQuery 每 10 秒用 php 数据刷新一个 div
【发布时间】：2013-04-06 14:29:18
【问题描述】：

我正在尝试使用 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 页面上显示“测试”.. 谁能建议我哪里出错了？

非常感谢

【问题讨论】：

标签： php javascript jquery html refresh

【解决方案1】：

jQuery load 方法以不同的方式工作。尝试阅读其documentation。

您不必指定目标元素 ID 两次，删除第二个，如下所示：

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

【讨论】：

啊，完美，知道这会很简单！非常感谢！另一个小问题，文本仅在 10 秒后出现，有没有办法让它立即出现，然后在 10 秒后刷新？
@New_programmer 有很多方法可以做到这一点，看这个问题：stackoverflow.com/questions/6685396/…

【解决方案2】：

这是一种解决您想要实现的目标的方法，使用 jQuery 中的 $.get 方法：

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

【讨论】：

【解决方案3】：

如果您想刷新消息计数，只需使用以下代码：

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

【讨论】：