服务端主动推送消息SSE PHP+js

最新推荐文章于 2025-06-15 07:11:48 发布

Mr.叶落丶

最新推荐文章于 2025-06-15 07:11:48 发布

阅读量804

点赞数

CC 4.0 BY-SA版权

文章标签： javascript php

本文链接：https://blog.csdn.net/qq_18191907/article/details/105928512

本文介绍如何通过SSE（Server-Sent Events）技术实现实时的服务器到客户端的消息推送。利用PHP后端和JavaScript前端，详细讲解了SSE的工作原理及代码实现，帮助开发者构建实时更新的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?php
header('X-Accel-Buffering: no');
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

set_time_limit(0); //防止超时
ob_end_clean(); //清空（擦除）缓冲区并关闭输出缓冲
ob_implicit_flush(1); //这个函数强制每当有输出的时候，即刻把输出发送到浏览器。这样就不需要每次输出（echo）后，都用flush()来发送到浏览器了

while(1) {
	$time = date('Y-m-d H:i:s');
	$c = "retry:1000" . PHP_EOL; //重试毫秒数
	$c = "event:my_test_message" . PHP_EOL; //定义事件
	$c .= "data: The server time is: {$time}" . PHP_EOL; //推送内容
	echo $c . PHP_EOL;
	sleep(3);
}

<body id="result">
</body>
<script>
	var source = new EventSource("sse.php");
	
	source.addEventListener('message', function(event) {
		console.log(event)
	})
	
	source.addEventListener('my_test_message', function(event) {
		console.log(event)
	})

</script>