如何在 jQuery 中每 10 秒使用 AJAX 更新一次反馈显示？

jQuery：通过 AJAX 每 10 秒更新一次反馈显示

出现一个场景，您希望使用 AJAX 每 10 秒更新一次反馈 div 。为此，您可以使用以下 jQuery 和 PHP 代码。

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>

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>

说明：

此代码使用 setInterval() 函数每 10 秒调用 get_fb() 函数。 get_fb() 函数使用 AJAX 请求从数据库检索反馈数据，并使用检索到的反馈更新 div 的内容。

替代选项：

如果您想在 AJAX 调用成功后才运行 get_fb() 函数，可以使用 .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>

以上是如何在 jQuery 中每 10 秒使用 AJAX 更新一次反馈显示？的详细内容。更多信息请关注PHP中文网其他相关文章！