web-dev-qa-db-ger.com

Aktualisieren Sie ein Div mit PHP-Daten alle 10 Sekunden mit jQuery

Ich versuche, Daten, die in einem div gespeichert sind, alle 10 Sekunden mit jQuery zu aktualisieren.

Mein HTML-Code lautet:

<!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>

Und den PHP -Code, den ich verwende (vorübergehend ändert sich dies nicht, da sich die gleichen "Daten" ändern):

<?php

    echo "test";

?>

Es wird jedoch nicht einmal "test" auf der HTML-Seite angezeigt. Könnte jemand vorschlagen, wo ich etwas falsch gemacht habe?

Danke vielmals

phpjavascriptjqueryhtmlrefresh
11
New_programmer

die Methode jQuery load funktioniert auf andere Weise. Lesen Sie die Dokumentation .

Sie müssen die Zielelement-ID nicht zweimal angeben. Entfernen Sie die zweite wie folgt:

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

Mit der $.get-Methode in jQuery können Sie das erreichen, was Sie erreichen wollen:

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

Wenn Sie die Nachrichtenanzahl aktualisieren möchten, verwenden Sie einfach diesen Code:

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