Odświeżenie div z danymi php co 10 sekund za pomocą jQuery

Próbuję odświeżyć dane przechowywane w div co 10 sekund za pomocą jQuery.Odświeżenie div z danymi php co 10 sekund za pomocą jQuery

Moje HTML kod jest:

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

I kod PHP używam (czasowo jak wiem, że to się nie zmieni z powodu tego samego "danymi"):

<?php 

    echo "test"; 

?>

jednak , nawet nie pokazuje "testu" na stronie html. Czy ktoś mógłby zasugerować, gdzie popełniłem błąd?

Dziękujemy

Źródło

2013-04-14 New_programmer

jQuery load metoda działa w inny sposób. Spróbuj przeczytać jego documentation.

Nie trzeba określić docelowy id elementu dwukrotnie, wyjąć drugi, tak:

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

Źródło

2013-04-14 12:08:30 Uby

Ach tak za Fect, wiedział, że to będzie coś prostego! Wielkie dzięki! Jeszcze jedno małe pytanie, tekst pojawia się dopiero po 10 sekundach, czy istnieje sposób, aby od razu się pojawiło, a następnie odświeżyło po 10 sekundach? –

@New_programmer Istnieje wiele sposobów, aby to zrobić, spójrz na to pytanie: http://stackoverflow.com/questions/6685396/execute-the-first-time-the-setinterval- without-delay – Uby

Oto sposób, że rozwiąże to, co chcesz osiągnąć, stosując metodę $.get w jQuery:

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

Źródło

2013-04-14 12:09:55

Jeśli chcesz odświeżyć liczyć wiadomość wystarczy użyć tego kodu:

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

Źródło

2014-09-10 07:31:32 vishal

Odświeżenie div z danymi php co 10 sekund za pomocą jQuery

Odpowiedz

Powiązane problemy