HTML 5 服务器发送事件注意事项

最新推荐文章于 2024-01-19 15:09:43 发布

_MrHuang

最新推荐文章于 2024-01-19 15:09:43 发布

阅读量753

点赞数

分类专栏： javascript 文章标签： javascript SSE HTML5

本文链接：https://blog.csdn.net/hhq767063071/article/details/8883448

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

由于没有彻底理解服务器发送事件(SSE)，导致犯了很多错误，无法正确得到预期结果，纠结了很久，现在把注意的东西记下，方便以后查看

<?php
header('Content-Type: text/event-stream'); //注意设置输出内容的类型为text/event-stream,否则会报错
//header('Cache-Control: no-cache');

$time = date('r');
echo "data: The server time is: {$time}\n\n"; //注意格式，"data: " 开头，结尾"\n\n";
//flush();
?>

<!DOCTYPE html>
<html>
<head>
    <title>ajax test</title>
    <script src="ajax.js" type="text/javascript"></script>
</head>
<body>
<form action="#">
    <input id="btn" type="button" value="登陆"></input>
    <div id="msg"></div>	
</form>
</body>
</html>

window.οnlοad=function(){
    var source=new EventSource("data.php");
    source.onmessage=function(event)
    {
        document.getElementById("msg").innerHTML+=event.data + "<br />";
    };
}

特别要注意服务器返回内容的格式。

参考资料：http://www.w3school.com.cn/html5/html_5_serversentevents.asp

_MrHuang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 5 服务器发送事件注意事项

由于没有彻底理解服务器发送事件(SSE)，导致犯了很多错误，无法正确得到预期结果，纠结了很久，现在把注意的东西记下，方便以后查看<?phpheader('Content-Type: text/event-stream'); //注意设置输出内容的类型为text/event-stream,否则会报错//header('Cache-Control: no-cache');$time =
复制链接

扫一扫

专栏目录