我有一个像这样构建的 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>
";
}
然而,这只显示了两个。它不会一直显示新的,它只显示第一个,然后显示第二个然后停止。
我做错了什么?谢谢:)
最佳答案
你打算做一个 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 错误。
关于php - jQuery - 每 10 秒调用一次 ajax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5687600/