Maison >interface Web >tutoriel HTML >Comment utiliser le serveur h5 sse pour envoyer des événements EventSource
Cette fois, je vais vous montrer comment utiliser le serveur sse de h5 pour envoyer des événements EventSource, et quelles sont les précautions pour utiliser le serveur sse de h5 pour envoyer des événements EventSource. un cas pratique. Jetons un coup d’oeil.
Avant-proposobjet. Il existe les événements suivants :
onopen Lorsque la connexion au serveur est ouverte onmessage Lorsqu'un message est reçu onerror Lorsqu'une erreur se produit Prise en charge de la détection des événements envoyés par le serveurif(typeof(EventSource)!=="undefined") { // 浏览器支持 Server-Sent // 一些代码..... } else { // 浏览器不支持 Server-Sent.. }
var source=new EventSource("haorooms_sse.php"); source.onmessage=function(event) { document.getElementById("result").innerHTML+=event.data + "<br>"; };
<?php header('Content-Type: text/event-stream'); header('Cache-Control: no-cache'); $time = date('r'); echo "data: The server time is: {$time}\n\n"; flush(); ?>Des événements de lien et des événements d'erreur sont ajoutés
if(typeof(EventSource)!=="undefined") { var source=new EventSource("server.php"); source.onopen=function() { console.log("Connection to server opened."); }; source.onmessage=function(event) { document.getElementById("result").innerHTML+=event.data + "<br>"; }; source.onerror=function() { console.log("EventSource failed."); }; } else { document.getElementById("result").innerHTML="抱歉,你的浏览器不支持 server-sent 事件...";Je pense que vous maîtrisez la méthode après avoir lu ces lignes cas, plus excitants. Veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! Lecture connexe :
Comment implémenter le tri par glisser-déplacer de la souris dans un tableau HTML
Comment résoudre divers problèmes de compatibilité ie6-ie10 problèmes
Comment formater les données json en html
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!