????JavaScript????????CSS??????????HTML????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
????SSE???????????????????????????????????????????????HTML5?????????????????????????????????·??????????????????
????????·?????

???????????HTML?????????HTML??棬??????????????????CSS?????JavaScript?????????????????????????????????????????ú???????????PHP??Ruby??Python?????????????HTML???????
?????????????????


???????????????Щ?????????????????????????????????????????????????????????????????????javascript?????meta????????????????????????????????????Ajax??????????????????????????????????javascript?????????????????????DOM?????????????壺??????????????????????????????????
?????????????????????????????????????????????漰?????????????????????????????????????????????????????????

????????????????????????????????????????????????????????????????????????Щ????????????????????1???????????????????????μ??????????????????е?????????
????SSE?????????????????????????????????????????????WebSocket??????
????1?????????????????κ???????????κ????????????????????????????????????ū????μ?IP???μ?????????
????2????????????????SSE???????е?HTTP/HTTPSЭ???????????????????????????????е????????????????????
????WebSocket???SSE???????????????????????????ζ????????????????????????????????????????SSE???????????????Ajax???????????????????????????????WebSocket???Ajax????????????????????????????λ?????????????????????????????WebSocket??
??????????????￡?
????html????
????<!doctype html>
????<html>
????<head>
????<meta charset="UTF-8">
????<title>basic SSE test</title>
????</head>
????<body>
????<pre id="x">initializting...</pre>
????<!--????????pre?????????p????div????????????????????????????????????????????????-->
????</body>
????<script>
????var es=new EventSource("basic_sse.php");
????es.addEventListener("message"??function(e){
????//e.data
????document.getElementById("x").innerHTML+=" "+e.data;
????}??false);//???false?????e???δ??????????????????Ρ?
????</script>
????</html>
????????????????÷?????????????????????飬???????javascript???????
????php????
????<?php
????header('Content-Type:text/event-stream');
????header('Cache-Control:no-cache');
????$time=date('r');
????echo"data:The server time is:{$time} ";
????flush();
?????>
????“Content-Type:text/event-stream”??????SSE????MIME?????

??????????????????????????
????????????????????????????????????????????????棬???????????????????i???????????????????????????????????????????????????????????????HTML?????????????????????????????????????????????????????????????????????????????????????????????????????HTTP????????????????????????????????????????Щ????????????????????????????????????????????????????????á?
??????????????????????????????????????????????к??????????????????????????????????????????????????????????????????SSE???????????????
????????????????????????μ???????綽??????????10??????????????1000???????????????????????????????????????????????μ???????????????????????????????????????????????????
??????????????и??????????????????????????????????????С???????????????????????????????????????????????????????????????????????????С??????????????10%??????????????????10???????????????????990??????????С?????????????????
???????????????????￡???????????????????????????????????????????綽?????????????10%??????????????????????????????????′?????綽???????????????????????????????????????????????????????????Ч???????綽??????????????????????????????????Ч????????????????????????