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(); ?>
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 事件...";
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!