Comment récupérer des données Ajax à des intervalles de 10 secondes à l'aide de jQuery ?

jQuery : Récupérer des données Ajax à des intervalles de 10 secondes

Lors de la conception d'un affichage de commentaires intégrant la récupération de données en temps réel, il est important de implémentez une méthode qui met à jour périodiquement le contenu affiché. Ceci peut être réalisé en utilisant les puissantes capacités Ajax de jQuery.

Pour configurer un div de commentaires qui présente les nouvelles entrées toutes les 10 secondes, vous pouvez utiliser l'approche suivante :

1. Définir une fonction pour récupérer les commentaires : Créez une fonction nommée get_fb qui exécute un appel Ajax pour récupérer les données de commentaires à partir d'un script côté serveur, tel que feedback.php.
2. Configurez les paramètres d'appel Ajax : Dans la fonction get_fb, spécifiez le type de requête (POST), l'URL à laquelle envoyer la requête (feedback.php) et définissez async sur false pour garantir que l'appel est synchrone.
3. Gérer les données récupérées :Une fois la récupération réussie des données de commentaires, mettez à jour le contenu HTML de votre conteneur de commentaires (div.feedback-box) avec les données reçues.
4. Planifiez la récupération automatique : Pour afficher de nouvelles entrées de commentaires à intervalles réguliers, établissez une minuterie à l'aide de setInterval ou setTimeout. Configurez la minuterie pour appeler la fonction get_fb toutes les 10 secondes.

Voici un exemple amélioré basé sur le code que vous avez fourni :

<code class="javascript">function get_fb(){
    var feedback = $.ajax({
        type: "POST",
        url: "feedback.php",
        async: false
    }).responseText;

    $('div.feedback-box').html(feedback).delay(10000).queue(function() {
        setTimeout(function(){get_fb();}, 10000);
    });
}</code>

Remarque : Cette approche planifie la prochaine récupération une fois la précédente terminée. Vous pouvez ajuster le timing selon vos besoins pour optimiser les performances d'affichage.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!