HTML5 SSE 서버 전송 이벤트 소스 소개에 대해 이야기하십시오

이전에 데이터의 큰 화면에 대해 이야기했으며 내부의 데이터가 수시로 업데이트됩니다. 때때로 주식 데이터가 때때로 업데이트 된 Facebook/Twitter 업데이트, 평가 업데이트, 새로운 블로그 게시물, 이벤트 결과 등에는 때때로 데이터 업데이트가 필요합니다. 우리는 서버에 업데이트가 있는지 확인하도록 요청했습니다. HTML5는 서버를 통해 이벤트를 전송할 때 업데이트가 자동으로 도달 할 수 있습니다.

서버 섹션은 사용하기가 매우 간단하며 EventSource 객체를 통해 서버 메시지를 수신합니다. 다음과 같은 사건이 있습니다.

• 서버에 대한 연결이 열리면 Onopen이 열립니다.
• OnMessage는 메시지를 받아야합니다
• Onerror는 잘못되어야합니다

 if (typeof (eventource)! == undefined) {// 브라우저는 서버 세트 // 일부 코드를 지원합니다 .....} else {// 브라우저는 서버에서 지원하지 않습니다 ..}

 var source = new EventSource (haorooms_sse.php); outseage = function (event) {document.getElementById (결과).

 PHP 헤더 (Content-Type) (텍스트/이벤트 스트림) ( '캐시 제어 : 날짜'); $ time}/n/n;

 if (typeof (EventSORCE)! == undefined) {var source = new EventSource (server.php); (event) {document.getElementById (result) .innerhtml + = event.data + <br>; console.log (EventSource 실패) {document.getElementById (result) = 죄송합니다. 브라우저가 서버 중심 이벤트를 지원하지 않습니다 ...;}

콘솔은 다음과 같이 인쇄됩니다.

링크와 오류를 지속적으로 입력하면 세부 사항을 클릭하십시오.

PHP 코드는 단순한 반향이며 연속 출력이 없기 때문입니다.

 PHP 헤더 (Content-Type) (텍스트/이벤트 스트림); (++ $ i <echo id);

비 스톱 오류는 없습니다!

IE 브라우저는 EventSource를 지원하지 않으며 다음과 같은 솔루션이 있습니다.

 EventsOURCE.MIN.JS

완벽하게 해결할 수 있습니다. GitHub 주소를 볼 수 있습니다 : https://github.com/yaffle/eventsource 바인딩 Nodejs도 매우 편리합니다.

 NPM 이벤트 소스-폴리 폴을 설치하십시오

괜찮아요.

github 주소 : https://github.com/confidence68/demoofsocket/tree/master/serversnt

위는이 기사의 모든 내용입니다.