web-dev-qa-db-fra.com

Actualisez une div avec des données php toutes les 10 secondes à l'aide de jQuery

J'essaie d'actualiser les données stockées dans une div toutes les 10 secondes à l'aide de jQuery.

Mon code HTML est:

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

Et le code PHP que j'utilise (temporairement car je sais que cela ne changera pas à cause des mêmes "données"):

<?php

    echo "test";

?>

Cependant, il ne montre même pas "test" sur la page html .. quelqu'un pourrait-il suggérer où je me suis trompé?

Merci beaucoup

phpjavascriptjqueryhtmlrefresh
11
New_programmer

la méthode jQuery load fonctionne différemment. Essayez de lire sa documentation .

Vous n'avez pas besoin de spécifier deux fois l'ID de l'élément de destination, supprimez le deuxième, comme ceci:

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

Voici un moyen de résoudre ce que vous voulez atteindre, en utilisant la méthode $.get dans jQuery:

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

Si vous souhaitez actualiser le nombre de messages, utilisez simplement ce code:

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