EventSource

A SERVER-SENT EVENTS pode ser definida como uma forma de interromper o fluxo das aplicações AJAX, no qual haverá um envio de dados ao agente do usuário, mas  para isso é necessário obter um objeto EventSource

exemplo:

es=new EventSource(‘comm.php’)

Ele ira fazer com que haja um conexão HTTP com “comm.php”, onde cada vez que forem enviados eventos ao usuário, sera comunicado com a mensagem do objeto EdventSource

exemplo:

es.onmessage=function(e){
alert(“Chegaram dados: “+e.data)
}

Pode ser usado para adicionar uma interface de chat ou um monitor de status de uma operação demorada ocorrendo no servidor, mas também possui outras possíveis aplicações como:

Um gráfico em tempo real de streaming de preços das ações, cobertura de noticias em tempo real de um evento importante (postar links,tweets e imagens) entre outra funções.

Protocolos de Comunicação

No protocolos de comunicação com o exemplo citado acima, com o php, em que eventos serão enviados ao agente administrador, uma URL de comunicação sera devolvida ao cliente na qual devera aparecer um headerContent-Type test/event-stream e com isso sera enviado mensagens que estarão com blocos de texto separadas um do outro por uma linha em branco.

Exemplo:

data: mensagem 1

data: a mensagem 2 tem

data: mais de uma linha
data: mensagem 3

O prefixo data é uma forma de indicar o que segue com os dados da mensagem, também podendo ser usado o prefixo id

Exemplo:

data: mensagem 1
id: 1
data: a mensagem 2 tem
data: mais de uma linha
id: 2
data: mensagem 3
id: 3

Referencia Bibliográfica: Site W3C: http://www.w3c.br/cursos/html5/conteudo/capitulo15.html , Data de acesso: 07/10/2014

Gostou do texto? Já pensou em se qualificar e entrar para o mercado que mais cresce atualmente? Conheça  e participe do curso Programador Web da Fábrica de Software para um Varejo mais competitivo em Campo Grande(MS). Este texto foi produzido como parte das atividades relacionadas com os estudos sobre os Princípios do Designer e páginas Web para Programadores, sobre a orientação do professor Marco Aurélio Dias de Oliveira.

Leia outros textos relacionados com Princípios do Designer e páginas Web para Programadores.

Aplicações offline com HTML5
Novos tipos de campos no HTML5
Usando MathML e SVG com HTML5
Tipos de Links no HTML5
O que são SERVER-SENT EVENTS no HTML5
O DOM e o HTML5
Menus e Toolbars no HTML5
O que é HTML5
Compatibilidade entre os navegadores com o HTML5
Novos elementos e atributos do HTML5