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.
Uso dos Sevidores de servidoresAs seções de servidor são muito simples de usar, para receber mensagens do servidor através do objeto Eventsource. Existem os seguintes incidentes:
if (typeof (eventsource)! == indefinido) {// navegador suporta server-sent // algum código .....} else {// navegador não suporta servidor-sent. Receba o aviso de evento enviado ao servidorVar Source = New Eventsource (HAOROOMS_SSE.PHP);Instância do código lateral do servidor
<? $ Time}/n/n;Ambos os eventos do link e os erros adicionam
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!
IE Solução de compatibilidade do navegadorSabemos que o navegador do IE não suporta o EventSource, e existem as seguintes soluções:
Introduzireventsource.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.