2016-05-09 19 views
0

ich diesen Code kennen wird unten eine Seite zwingen, alle 5 Sekunden neu zu laden und dessen Inhalt in dem zugewiesenen div angezeigtWie ein PHP-Datenbankabfrage zwingen, alle 5s neu zu laden, ohne Seite neu zu laden

$(document).ready(function() { 
    setInterval(function() { 
     $('#comment_display').load('comments.php') 
    }, 5000); 
}); 

Aber ich möchte wissen, wenn es möglich ist, die Seiten-URL mit einem div zu ersetzen, so dass es die div zwingt alle 5 Sekunden neu geladen werden, ohne die Seite neu zu laden zum Beispiel:

<div id="my_div" style="display:none;"> 
    <!-- run the database query to collect data from database and echo it out --> 
</div> 
<script> 
    $(document).ready(function() { 
     setInterval(function() { 
      $('#comment_display').load($('#my_div')) 
     }, 5000); 
    }); 
</script> 
+1

Verwenden Sie Ajax und holen Sie Daten vom Server mit Datenbankabfrage und ersetzen Sie Ihr div alle fünf Sekunden – Poria

+0

@Poria ... Bitte ich bin neu bei jQuery, so dass ich nicht weiß, wie das geht, bitte können Sie mir einen Hinweis geben auf, wie es gemacht worden ist oder einen Link einfügen, wo ich seine Details bekommen kann –

+1

http://blog.teamtreehouse.com/beginners-guide-to-ajax-development-with-php hier ist Tutorial – Poria

Antwort

1

Sie können eine externe Datei von PHP (file2.php) erstellen. In dieser Datei können Sie eine Abfrage schreiben. Nach alle 5 Sekunden können Sie eine Anfrage an diese Datei senden (file2.php) und dann das Ergebnis in das gewünschte div.

Beispiel Code setInterval (function() {

$.ajax({ 
    type: 'POST', 
    url: 'file2.php', 
    cache: false, 
    success:function(data){ 
     $('#my_div').html(data); 
    } 

}); 

}, 5000);

+0

Ihre Antwort ist eine lange Methode immer noch dasselbe erreichen, was ich oben getan habe –

Verwandte Themen