主动推送消息到终端

刘德胜 4666次浏览

摘要:看代码就可以了。第一步:前端代码<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>主动推送消息到终端</title> &l...

看代码就可以了。

第一步:前端代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>主动推送消息到终端</title>
<script src="jquery.min.js"></script>
</head>
<body>
<div id="result"></div>
<script>
if(typeof(EventSource)!=="undefined")
{
	var source=new EventSource("demo_sse.php");
	source.onmessage=function(event)
	{
		$("#result").html(event.data);
	};
}
else
{
	document.getElementById("result").innerHTML="抱歉,你的浏览器不支持 server-sent 事件...";
}
</script>
</body>
</html>

第二步:后端代码

<?php 
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
$time = date("H:i:s");
echo "data: {$time}\n\n";
flush();