onmessage- Ereignis
Beispiel
Erstellen Sie ein neues EventSource-Objekt und geben Sie die URL der Seite an, die die Aktualisierungen sendet.
Jedes Mal, wenn ein Update empfangen wird, tritt das Ereignis onmessage auf. Wenn ein onmessage-Ereignis auftritt, fügen Sie die empfangenen Daten mit id="myDIV" in das <div>-Element ein:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das Ereignis onmessage tritt auf, wenn eine Nachricht über eine Ereignisquelle empfangen wird.
Das Ereignisobjekt für das Ereignis onmessage unterstützt die folgenden Eigenschaften:
- data - Enthält die eigentliche Nachricht
- origin – Die URL des Dokuments, das das Ereignis aufgerufen hat
- lastEventId – die Kennung der letzten im Ereignisstrom gesehenen Nachricht
Verwandte Veranstaltungen:
- onopen – Tritt auf, wenn eine Verbindung zum Server geöffnet ist
- onerror – Tritt auf, wenn ein Problem auftritt
Weitere Informationen zu vom Server gesendeten Ereignissen finden Sie in unserem HTML5-Tutorial für vom Server gesendete Ereignisse .
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Ereignis vollständig unterstützt.
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Syntax
object.onmessage = function(){myScript};
Verwenden der Methode addEventListener():
object.addEventListener("message", myScript);
Hinweis: Die Methode addEventListener() wird in Internet Explorer 8 und früheren Versionen nicht unterstützt.
Technische Details
Bläschen: | Nein |
---|---|
kündbar: | Nein |
Ereignistyp: | Fall |
Mehr Beispiele
Beispiel
Rufen Sie die URL des Dokuments ab, das das onmessage-Ereignis aufgerufen hat:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
Das Ergebnis könnte sein:
https://www.w3schools.com/