Question jQuery - Appelez ajax toutes les 10 secondes


J'ai une base de données de commentaires mysql construite comme ceci:

nom | emplacement | retour d'information

Ryan | Angleterre | excellent soutien

De toute évidence, il y a plus d'entrées que cela. J'essaie de créer un div de rétroaction, où il affiche un nouvel élément de rétroaction toutes les 10 secondes via ajax.

J'ai donc construit ceci:

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

Et voici mon fichier 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>
    ";
} 

Cependant, cela ne montre que deux. Il ne continue pas à montrer de nouveaux, il montre purement le premier puis le second et s'arrête.

Qu'est-ce que je fais mal? Merci :)


29
2018-04-16 15:40


origine


Réponses:


Allez-vous faire un setInterval()?

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

Ou:

setInterval(get_fb, 10000);

Ou, si vous voulez qu’il ne s’exécute qu’après avoir terminé l’appel, vous pouvez le configurer dans votre .ajax().success() rappeler:

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

Ou utiliser .ajax().complete() si vous voulez qu'il fonctionne indépendamment du résultat:

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

Voici une démonstration des deux. Notez que le succès ne fonctionne qu'une seule fois car jsfiddle renvoie une erreur 404 sur l'appel ajax.

http://jsfiddle.net/YXMPn/


50
2018-04-16 15:44



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

11
2018-04-16 15:46



Vous pouvez essayer setInterval () à la place:

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

3
2018-04-16 15:44