Wie aktualisiere ich alle 10 Sekunden eine Feedback-Anzeige mit AJAX in jQuery?

jQuery: Aktualisierung der Feedback-Anzeige über AJAX alle 10 Sekunden

Es entsteht ein Szenario, in dem Sie alle 10 Sekunden ein Feedback-Div mithilfe von AJAX aktualisieren möchten . Um dies zu erreichen, können Sie die folgenden jQuery- und PHP-Codes verwenden.

jQuery-Skript:

<code class="javascript">$(document).ready(function(){
  setInterval(get_fb, 10000);
});

function get_fb(){
  var feedback = $.ajax({
    type: "POST",
    url: "feedback.php",
    async: false
  }).responseText;

  $('div.feedback-box').html(feedback);
}</code>

PHP-Skript:

<code class="php">$result = mysql_query("SELECT * FROM feedback ORDER BY RAND() LIMIT 0,1");
while($row = mysql_fetch_array($result))
{
  $name = $row['name'];
  $location = $row['location'];
  $feedback = $row['feedback'];

  echo "
    <p>Name: $name, Location: $location, Feedback: $feedback.</p>
    ";
} </code>

Erklärung:

Dieser Code verwendet die Funktion setInterval(), um alle 10 Sekunden die Funktion get_fb() aufzurufen . Die Funktion get_fb() verwendet eine AJAX-Anfrage, um Feedbackdaten aus einer Datenbank abzurufen und aktualisiert den Inhalt des Div mit dem abgerufenen Feedback.

Alternative Option:

Wenn Sie die Funktion get_fb() erst ausführen möchten, nachdem der AJAX-Aufruf erfolgreich war, können Sie den Rückruf .ajax().success() verwenden:

<code class="javascript">function get_fb(){
  var feedback = $.ajax({
    type: "POST",
    url: "feedback.php",
    async: false
  }).success(function(){
    setTimeout(function(){get_fb();}, 10000);
  }).responseText;

  $('div.feedback-box').html(feedback);
}</code>

Das obige ist der detaillierte Inhalt vonWie aktualisiere ich alle 10 Sekunden eine Feedback-Anzeige mit AJAX in jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!