HTML5数据推送SSE原理及应用开发
<!DOCTYPE html>
<html>
<head>
<title>Server-Sent Events Example</title>
<script type="text/javascript">
if(typeof(EventSource) !== "undefined") {
var source = new EventSource("sse_push.php");
source.onmessage = function(event) {
document.getElementById("result").innerHTML += event.data + "<br>";
};
source.onerror = function(event) {
console.error("EventSource failed.");
};
} else {
document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events...";
}
</script>
</head>
<body>
<div id="result"></div>
</body>
</html>在这个例子中，我们首先检查浏览器是否支持EventSource。如果支持，我们创建一个新的EventSource实例，指向名为"sse\_push.php"的服务端脚本。每当服务端向客户端发送消息时，我们就在页面上显示这些消息。如果浏览器不支持EventSource，我们会在页面上显示一个错误消息。这个简单的例子展示了如何使用SSE技术实现服务器向客户端推送数据。
评论已关闭