Exemple
Créer un nouvel objet EventSource, et indiquer l'URL de la page d'envoyer les mises à jour.
Chaque fois qu'une mise à jour est reçue, l'événement se produit onmessage. Lorsqu'un événement se produit onmessage, mettre les données reçues dans le <div> élément avec id = « myDiv »:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
L'événement se produit onmessage lorsqu'un message est reçu par une source d'événement.
L'objet événement pour l'événement onmessage prend en charge les propriétés suivantes:
- données - Contient le message réel
- origine - L'URL du document qui a invoqué l'événement
- lastEventId - l'identifiant du dernier message vu dans le flux d'événements
Événements connexes:
- SurOuverture - lorsqu'une connexion Survient au serveur est ouvert
- onerror - Se produit quand un problème se produit
Pour plus d' informations sur les événements serveur-Sent, lisez notre HTML5 serveur-événements Tutoriel envoyés .
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.
un événement | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Non supporté | 6.0 | 5.0 | 11.0 |
Syntaxe
object .onmessage= function() { myScript };
Try it Yourself »
Utilisation de la addEventListener() méthode:
object . addEventListener("message", myScript ) ;
Try it Yourself »
Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
Bulles: | Non |
---|---|
cancelable: | Non |
Type d'événement: | un événement |
autres exemples
Exemple
Obtenir l'URL du document qui a invoqué l'événement onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
Le résultat pourrait être:
http://www.w3ii.com/
Essayez vous - même » <Object Event