JQuery - вызов ajax каждые 10 секунд

У меня есть база данных обратной связи mysql, построенная следующим образом:

имя | местоположение | обратная связь

Райан | Англия | отличная поддержка

Очевидно, там больше записей. Я пытаюсь построить div с обратной связью, где каждые 10 секунд через ajax выводится новый элемент обратной связи.

Итак, я построил это:

$(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>
    ";
}

Однако это показывает только два. Он не продолжает показывать новые, он чисто показывает первый, затем второй и останавливается.

Что я делаю неправильно? Спасибо:)

Ответы

Ответ 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 возвращает ошибку 404 при вызове ajax.

http://jsfiddle.net/YXMPn/

Ответ 2

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

Ответ 3

Вместо этого вы можете попробовать setInterval():

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