html5 sse java_html5----sse实现服务端推送数据给前端
生活随笔
收集整理的這篇文章主要介紹了
html5 sse java_html5----sse实现服务端推送数据给前端
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
案例基于thinkPHP框架:
服務端方法:public?function?ssefun()
{
ob_implicit_flush();
header('Content-Type:?text/event-stream');
header('Cache-Control:?no-cache');
$i=time();
echo?'retry:1000'.PHP_EOL;//每秒執行一次
echo?"data:?The?server?time?is:?{$i}\n\n";
}
前端js:
if(typeof(EventSource)!=="undefined")
{
var?source=new?EventSource("{:U('home/index/ssefun')}");
source.onmessage=function(event)
{
document.getElementById("result").innerHTML+=event.data?+?"
";
};
}
else
{
document.getElementById("result").innerHTML="抱歉,你的瀏覽器不支持?server-sent?事件...";
}
html代碼:
總結
以上是生活随笔為你收集整理的html5 sse java_html5----sse实现服务端推送数据给前端的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 基本面是不是指国家政策等?基本面和消息面
- 下一篇: 计算机网络65535,计算机网络1