H5之EventSource推送

　　

EventSource推送(ajax普通轮询)

　　

H5之EventSource推送

　　

H5之EventSource推送

　　
 <代码> & lt; ? php/* *
　　*由PhpStorm。
　　*用户:zrj
　　*日期:18-11-1
　　*时间:下午骑车
　　*/声明(strict_types=1);//开启强类型模式
　　
　　#订阅//curl - v“http://127.0.0.1:8100子? cname=ch2& seq=1”
　　
　　#发布//curl - v“http://127.0.0.1:8000推? cname=ch2&内容=你好”//广播广播消息http://127.0.0.1:8000广播?内容=内容//SSE
　　美元sseSubscribeUrl=' http://192.168.0.153:8100 sse ? cname=ch2& seq=1”;//普通轮循方式
　　美元subscribeUrl=' http://192.168.0.153:8100子;
　　比;
　　
　　& lt; html>
　　& lt; head>
　　& lt; title>订阅& lt;/title>
　　& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/jquery-1.9.1.js "祝辞& lt;/script>
　　& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/icomet.js "祝辞& lt;/script>
　　& lt;/head>
　　& lt; body>
　　& lt; div id="输出"祝辞& lt;/div>
　　& lt;脚本type=" text/javascript祝辞
　　如果(window.EventSource) {
　　var eventSource=new eventSource (“& lt; ?php echo $ sseSubscribeUrl; ?祝辞”);
　　eventSource。onmessage函数=(e) {
　　document.body。innerHTML +=e。数据+‘& lt; br>;
　　}；//只要和服务器连接,就会触发开事件eventSource.addEventListener(“开放”,函数(){console.log(“和服务器建立连接”);});//处理服务器响应报文中负载的事件eventSource.addEventListener(“负载”,函数(e){控制台。日志(“服务器发送给客户端的数据为:" + e.data);});//如果服务器响应报文中没有指明事件,默认触发消息事件eventSource.addEventListener(“消息”,函数(e){控制台。日志(“服务器发送给客户端的数据为:" + e.data);});//发生错误,则会触发错误事件eventSource.addEventListener(“错误”,函数(e){控制台。日志(“服务器发送给客户端的数据为:" + e.data);});其他}{console.log(“服务器不支持EvenSource对象”);}
　　eventSource。addEventListener(“开放”、功能(){
　　console.log(“和服务器建立连接”);
　　});//处理服务器响应报文中负载的事件
　　eventSource。addEventListener(“负载”,函数(e) {
　　控制台。日志(“服务器负载数据为:" + e.data);
　　});//如果服务器响应报文中没有指明事件,默认触发消息事件
　　eventSource。addEventListener(“消息”,函数(e) {
　　控制台。日志(“服务器发送给客户端的数据为:" + e.data);
　　});//发生错误,则会触发错误事件
　　eventSource。addEventListener(“错误”,函数(e) {
　　控制台。日志(“服务器错误数据为:" + e.data);
　　});
　　其他}{
　　console.log(“服务器不支持EvenSource对象”);
　　}//var计算=0;//var=new iComet彗星({//通道:“ch2”,//subUrl:“& lt; ?php//echo $ subscribeUrl; ?’,//回调函数:函数(内容、类型){//计数+ +;//var输出=. getelementbyid(“输出”);
　　新日期/时间/var=" + (());//输出。innerHTML +=+”。“+时间+”:(' +类型+ ')‘+内容+ & lt; br/祝辞';//}//});
　　& lt;/script>
　　& lt;/body>
　　& lt;/html>
　　

H5之EventSource推送