Ejemplo
Crear un nuevo objeto EventSource, y especificar la URL de la página que envía las actualizaciones.
Cada vez que se recibe una actualización, el evento se produce onmessage. Cuando se produce un evento onmessage, poner los datos recibidos en el <div> elemento con id = "myDiv":
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
}; Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El evento onmessage se produce cuando se recibe un mensaje a través de una fuente de eventos.
El objeto de evento para el evento onmessage admite las siguientes propiedades:
- datos - Contiene el mensaje real
- origen - La dirección URL del documento que invocó el evento
- lastEventId - el identificador del último mensaje se ve en el flujo de eventos
Eventos relacionados:
- AlAbrir - Se produce cuando una conexión con el servidor está abierto
- onerror - Ocurre cuando se produce un problema
Para obtener más información acerca de los eventos enviados por el servidor, leer nuestros eventos HTML5 enviados por el servidor Tutorial .
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
| Evento | |||||
|---|---|---|---|---|---|
| onmessage | 9.0 | No soportado | 6.0 | 5.0 | 11.0 |
Sintaxis
object .onmessage= function() { myScript };
Try it Yourself »
Uso de la addEventListener() método:
object . addEventListener("message", myScript ) ;
Try it Yourself »
Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.
Detalles técnicos
| burbujas: | No |
|---|---|
| cancelable: | No |
| Tipo de evento: | Evento |
Más ejemplos
Ejemplo
Obtener la URL del documento que invoca el evento onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};El resultado podría ser:
http://www.w3ii.com/ Inténtalo tú mismo " <Objeto de evento