什么是html5服务器发送的事件
- 当网页从服务器自动更新时，它是一个服务器发送的事件。
- 网页必须询问服务器发送的事件中是否有任何更新。
- SSE服务器可以启动客户端的数据传输，并发送消息更新。
- Facebook/Twitter更新，股票价格更新，新闻饲料，运动结果等。
HTML5 Server-Sent事件示例
<!DOCTYPE html>
<html>
<body>
<h1>Update server</h1>
<div id="Show"></div>
<script>
if (typeof (EventSource) !== "undefined")
{
var source = new EventSource("Server.php");
source.onmessage = function (event)
{
document.getElementById("Show").innerHTML += event.data + "<br ";
};
}
else
{
document.getElementById("Show").innerHTML = "Sorry, browser does not support ";
}
</script>
</body>
</html>
server.php文件
<html>
<body>
<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
$time = date('r');
echo "data: The server time is: {$time}\n\n";
flush();
?>
</body>
</html>
- 我们在事件源中创建一个新对象，然后在"server.php"中发送更新的URL页面。
- 消息事件每次接收更新。
- 消息将数据放入元素ID ="show"中。
- 当ID不匹配时，然后显示消息"浏览器不支持"。
日期：2020-04-11 23:04:21 来源：oir作者：oir