[DOM_Event] JS - message 이벤트 (= onmessage 속성) - 이벤트 메시지 수신 이벤트 (= onmessage이벤트 = 온메시지이벤트) (IE지원 X) ※ 서버센트이벤트

message 예제

 

<h1 id="hz"></h1>

<div id="s_time"></div>

<script>

if(typeof(EventSource) !== "undefined") {

  var source = new EventSource("/server_time.php");

  source.onopen = function() {

    document.getElementById("hz").innerHTML = "홈짱닷컴 (Homzzang.com) 서버갱신시간";

  };

  

  source.onmessage = function(event) {

    document.getElementById("s_time").innerHTML += event.data + "<br>";

  };

} else {

  document.getElementById("s_time").innerHTML = "서버전송이벤트 지원않는 브라우저는 개나 줘버려.";

}

</script>

 

---

/server_time.php 소스

 

<?php

header('Content-Type: text/event-stream');

header('Cache-Control: no-cache');

$time = date('r');

echo "data: The server time is: {$time}\n\n";

flush();

?>

 

 

이벤트 소스 통해 메시지 수신 될 때 이벤트 발생.