пример
Создать новый объект EventSource, и указать адрес страницы отправки обновлений.
Каждый раз, когда будет принято обновление, происходит OnMessage события. Когда происходит событие OnMessage, поместить полученные данные в <div> элемент с идентификатором = «myDIV»:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
}; Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
OnMessage событие происходит, когда сообщение получено через источник события.
Объект события для OnMessage события поддерживает следующие свойства:
- данные - Содержит фактическое сообщение
- Происхождение - URL документа, который вызвал событие
- lastEventId - идентификатор последнего сообщения видел в потоке событий
Сопутствующие мероприятия:
- OnOpen - Имеет место , когда соединение с сервером открыт
- OnError - Возникает при возникновении проблемы
Для получения дополнительной информации о серверном посланном Событии, прочитайте наш HTML5 Сервера Sent Events Tutorial .
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает событие.
| Мероприятие | |||||
|---|---|---|---|---|---|
| onmessage | 9,0 | Не поддерживается | 6,0 | 5.0 | 11,0 |
Синтаксис
object .onmessage= function() { myScript };
Try it Yourself »
Использование addEventListener() метод:
object . addEventListener("message", myScript ) ;
Try it Yourself »
Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.
Технические подробности
| Пузыри: | нет |
|---|---|
| аннулированию: | нет |
| Тип события: | Мероприятие |
Еще примеры
пример
Получить URL документа, вызвавшей OnMessage событие:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};В результате может быть:
http://www.w3ii.com/ Попробуй сам " <Объект Event