jQuery - 每10秒调用一次ajax

时间:2011-04-16 15:40:34

标签: php jquery ajax

我有一个像这样构建的mysql反馈数据库:

  

名称|位置|反馈

     瑞安|英格兰|大力支持

显然,有更多的参赛作品。我正在尝试构建一个反馈div,它通过ajax每隔10秒显示一个新的反馈项。

所以我构建了这个:

$(document).ready(function(){
   new get_fb(); 
 });

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

$('div.feedback-box').html(feedback).delay(10000).queue(function() {
    new get_fb(); 
    });
}

这是我的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>
    ";
} 

然而,这仅显示两个。它不会继续显示新的,它纯粹显示第一个然后第二个并停止。

我做错了什么?谢谢:))

3 个答案:

答案 0 :(得分:56)

您是否想要setInterval()

setInterval(function(){get_fb();}, 10000);

或者:

setInterval(get_fb, 10000);

或者,如果您希望仅在成功完成通话后才能运行,则可以在.ajax().success()回调中进行设置:

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);
}

如果您希望它运行而不管结果如何,请使用.ajax().complete()

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

    $('div.feedback-box').html(feedback);
}

以下是两者的演示。注意,成功只能运行一次因为jsfiddle在ajax调用时返回404错误。

http://jsfiddle.net/YXMPn/

答案 1 :(得分:14)

setInterval(function()
{ 
    $.ajax({
      type:"post",
      url:"myurl.html",
      datatype:"html",
      success:function(data)
      {
          //do something with response data
      }
    });
}, 10000);//time in milliseconds 

答案 2 :(得分:3)

您可以尝试使用setInterval():

var i = setInterval(function(){
   //Call ajax here
},10000)