php - jQuery - 每 10 秒调用一次 ajax

Question

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

name | location | feedback

Ryan | England | great support

显然还有更多条目。我正在尝试构建一个反馈 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>
    ";
} 

然而，这只显示了两个。它不会一直显示新的，它只显示第一个，然后显示第二个然后停止。

我做错了什么？谢谢:)

Answer 1

你打算做一个 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/