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

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

非常感谢

12358

2018-04-14 12:04

起源

答案:

jQuery的 load 方法以不同的方式工作。试试看吧文件。

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

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

2018-04-14 12:08

啊，是完美的，知道这将是一件简单的事情！非常感谢！另一个小问题，文字只在10秒过后出现，有没有办法让它直接出现然后在10秒后刷新？ - New_programmer

@New_programmer有很多方法可以做到这一点，看看这个问题： stackoverflow.com/questions/6685396/... - Uby

答案:

jQuery的 load 方法以不同的方式工作。试试看吧文件。

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

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

2018-04-14 12:08

@New_programmer有很多方法可以做到这一点，看看这个问题： stackoverflow.com/questions/6685396/... - Uby

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

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

2018-04-14 12:09

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

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

2017-09-10 07:31

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

答案:

答案:

热门问题

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