Beispiel
Erstellen Sie ein neues Objekt Eventsource, und geben Sie die URL der Seite, die Updates zu senden.
Jedes Mal, wenn ein Update erhalten wird, tritt das onmessage Ereignis. Wenn ein onmessage Ereignis eintritt, setzt die empfangenen Daten in das <div> Element mit id = „myDiv“:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
}; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Das onmessage Ereignis tritt auf, wenn eine Nachricht durch eine Ereignisquelle empfangen wird.
Das Ereignisobjekt für das onmessage Ereignis unterstützt die folgenden Eigenschaften:
- Daten - Enthält die eigentliche Nachricht
- Herkunft - Die URL des Dokuments, das das Ereignis aufgerufen
- lastEventId - die Kennung der letzten Meldung im Ereignisstrom gesehen
Ähnliche Veranstaltungen:
- OnOpen - Tritt ein, wenn eine Verbindung zum Server geöffnet ist
- onerror - Tritt auf, wenn ein Problem auftritt
Weitere Informationen zu Server-Sent Events, lesen Sie unsere HTML5 Server-Sent Events Tutorial .
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Ereignis vollständig unterstützt.
| Event | |||||
|---|---|---|---|---|---|
| onmessage | 9.0 | Nicht unterstützt | 6.0 | 5.0 | 11.0 |
Syntax
object .onmessage= function() { myScript };
Try it Yourself »
Unter Verwendung der addEventListener() Methode:
object . addEventListener("message", myScript ) ;
Try it Yourself »
Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.
Technische Details
| Blasen: | Nein |
|---|---|
| Es fällt eine Pauschale: | Nein |
| Event-Typ: | Event |
Mehr Beispiele
Beispiel
Holen Sie die URL des Dokuments, das die onmessage Ereignis aufgerufen:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};Das Ergebnis könnte sein:
http://www.w3ii.com/ Versuch es selber " <Ereignisobjekt