Esempio
Creare un nuovo oggetto EventSource, e specificare l'URL della pagina di invio degli aggiornamenti.
Ogni volta che un aggiornamento è ricevuto, si verifica l'evento onMessage. Quando si verifica un evento onMessage, inserire i dati ricevuti nel <div> elemento con id = "myDiv":
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
}; Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
L'evento onMessage si verifica quando un messaggio viene ricevuto attraverso una fonte evento.
L'oggetto evento per l'evento onMessage supporta le seguenti proprietà:
- Dati - Contiene il messaggio vero e proprio
- origine - L'URL del documento che ha invocato l'evento
- lastEventId - l'identificativo dell'ultimo messaggio visto nel flusso di eventi
Eventi correlati:
- SuApertura - Si verifica quando una connessione al server è aperto
- onerror - Si verifica quando si verifica un problema
Per ulteriori informazioni sugli eventi Server-Sent, leggi i nostri HTML5 Eventi Server-Sent Tutorial .
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'evento.
| Evento | |||||
|---|---|---|---|---|---|
| onmessage | 9.0 | Non supportato | 6.0 | 5.0 | 11.0 |
Sintassi
object .onmessage= function() { myScript };
Try it Yourself »
Utilizzando addEventListener() Metodo:
object . addEventListener("message", myScript ) ;
Try it Yourself »
Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
| bolle: | No |
|---|---|
| cancelable: | No |
| Tipo di evento: | Evento |
Altri esempi
Esempio
Ottenere l'URL del documento che ha invocato l'evento onMessage:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};Il risultato potrebbe essere:
http://www.w3ii.com/ Prova tu stesso " <Oggetto evento