Result Size: 625 x 534
×
Change Orientation Change Theme, Dark/Light
​x
 
<!DOCTYPE html>
<html>
<body>
​
<h1 id="myH1"></h1>
<div id="myDIV"></div>
​
<p><strong>注意：</strong>服务器发送的事件在 Internet Explorer 中不受支持。</p>
​
<script>
if(typeof(EventSource) !== "undefined") {
  var source = new EventSource("/html/demo_sse.php");
  source.addEventListener("open", function() {
    document.getElementById("myH1").innerHTML = "获取服务器更新";
  });
  
  source.addEventListener("message", function(event) {
    document.getElementById("myDIV").innerHTML += event.data + "<br>";
  });
​
} else {
  document.getElementById("myDIV").innerHTML = "抱歉，您的浏览器不支持服务器发送的事件...";
}
</script>
​
</body>
</html>
​
​