Fale sobre o servidor HTML5 SSE enviando eventos de eventos

Eu falei sobre a tela grande dos dados anteriormente e os dados internos são atualizados de tempos em tempos. Às vezes, os dados de estoque são atualizados de tempos em tempos, atualização do Facebook/Twitter, atualização de avaliação, novas postagens no blog, resultados de eventos etc., todos precisam de atualizações de dados de tempos em tempos. Costumávamos pedir ao servidor para ver se há alguma atualização. O HTML5 fornece o método de eventos de visualização do servidor. Ao enviar eventos através do servidor, a atualização pode alcançar automaticamente.

As seções de servidor são muito simples de usar, para receber mensagens do servidor através do objeto Eventsource. Existem os seguintes incidentes:

• Onopen é aberto quando a conexão com o servidor é aberta
• OnMessage deve receber uma mensagem
• Orror deve estar errado

 if (typeof (eventsource)! == indefinido) {// navegador suporta server-sent // algum código .....} else {// navegador não suporta servidor-sent.

 Var Source = New Eventsource (HAOROOMS_SSE.PHP);

 <? $ Time}/n/n;

 If (typeof (eventsource)! == indefinido) {var origem = new Eventsource (server.php); (Evento) {document.getElementById (resultado) .innerhtml + = event.data + <br>; = Desculpe, seu navegador não suporta o evento do servidor ...;}

Vamos descobrir que o console está impresso da seguinte forma:

Digite o link e os erros constantemente, clique em detalhes

Isso ocorre porque o código PHP é apenas um eco simples e não há saída contínua.

 <? Enquanto (++ $ i <$ C) {ECHO ID:

Não haverá erros de não parada!

Sabemos que o navegador do IE não suporta o EventSource, e existem as seguintes soluções:

 eventsource.min.js

Pode ser perfeitamente resolvido. Você pode visualizar o endereço do github: https://github.com/yaffle/eventSource Nodejs de ligação também é muito conveniente.

 NPM Instale o Event-Source-Polyfill

Isso é bom.

Endereço do Github: https://github.com/confidence68/demoofsocket/tree/master/serversnt

O acima é todo o conteúdo deste artigo.