我有一个像这样构建的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>
";
}
然而,这仅显示两个。它不会继续显示新的,它纯粹显示第一个然后第二个并停止。
我做错了什么?谢谢:))
答案 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错误。
答案 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)