首页 > 后端开发 > php教程 > 如何在 jQuery 中每 10 秒使用 AJAX 更新一次反馈显示?

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

Linda Hamilton
发布: 2024-11-04 01:54:02
原创
1059 人浏览过

How to Update a Feedback Display with AJAX Every 10 Seconds in jQuery?

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板