Bagaimana untuk Mengemas kini Paparan Maklum Balas dengan AJAX Setiap 10 Saat dalam jQuery?

jQuery: Mengemas kini Paparan Maklum Balas melalui AJAX Setiap 10 Saat

Senario timbul di mana anda ingin mengemas kini div maklum balas setiap 10 saat menggunakan AJAX . Untuk mencapai matlamat ini, anda boleh menggunakan kod jQuery dan PHP berikut.

Skrip jQuery:

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

Skrip PHP:

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

Penjelasan:

Kod ini menggunakan fungsi setInterval() untuk memanggil fungsi get_fb() setiap 10 saat . Fungsi get_fb() menggunakan permintaan AJAX untuk mendapatkan semula data maklum balas daripada pangkalan data dan mengemas kini kandungan div dengan maklum balas yang diambil.

Pilihan Alternatif:

Jika anda ingin menjalankan fungsi get_fb() hanya selepas panggilan AJAX berjaya, anda boleh menggunakan panggilan balik .ajax().success():

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

Atas ialah kandungan terperinci Bagaimana untuk Mengemas kini Paparan Maklum Balas dengan AJAX Setiap 10 Saat dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!