web-dev-qa-db-ja.com

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ページに「テスト」と表示されることもありません。

どうもありがとう

phpjavascriptjqueryhtmlrefresh
12
New_programmer

jQuery loadメソッドは別の方法で機能します。 ドキュメント を読んでみてください。

次のように、宛先要素IDを2回指定する必要はなく、2番目の要素IDを削除します。

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

JQueryで$.getメソッドを使用して、達成したいことを解決する方法を次に示します。

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

メッセージカウントを更新する場合は、次のコードを使用します。

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