Maison > développement back-end > tutoriel php > Ajax implémente l'actualisation partielle de la page – actualisation du message

Ajax implémente l'actualisation partielle de la page – actualisation du message

little bottle
Libérer: 2023-04-06 08:18:01
avant
3300 Les gens l'ont consulté

Récemment, certains amis étaient curieux de savoir comment le tableau de messages indiquait que les messages étaient constamment actualisés. Comment ça marche ? Généralement, envoyer des messages signifie envoyer des données au serveur via ajax normal, tandis que l'affichage des messages en temps réel nécessite une interrogation. Cet article parle principalement de l'utilisation d'ajax pour actualiser l'état du message. Il a une certaine valeur de référence. Les amis intéressés peuvent en apprendre davantage.

Qu'est-ce que le sondage : il utilise une minuterie pour lancer des requêtes du client vers le serveur à intervalles réguliers.

Démonstration du code de cas :

<script>//每间隔2秒向服务器发起请求setInterval(function(){    var xhr = new XMLHttpRequest();
    xhr.open(&#39;get&#39;,&#39;get_msg.php&#39;);
    xhr.onreadystatechange = function(){        if(xhr.readyState == 4 && xhr.status == 200){            var res = eval("("+xhr.responseText+")");
            .......
        }
    }
},2000);</script
Copier après la connexion

Remarque : Afin d'éviter que le babillard électronique ne soit écrasé par des données en double, le maxid doit être marqué et nouveau les données seront récupérées à chaque fois

Effet global :

Tutoriels associés : tutoriel vidéo ajax

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!

Étiquettes associées:
source:cnblogs.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal