【HTML5】Server-Sent服务器发送事件
生活随笔
收集整理的這篇文章主要介紹了
【HTML5】Server-Sent服务器发送事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Server-Sent 事件 - 單向消息傳遞
Server-Sent 事件指的是網頁自動獲取來自服務器的更新。
以前也可能做到這一點，前提是網頁不得不詢問是否有可用的更新。通過服務器發送事件，更新能夠自動到達。
<!DOCTYPE html> <html> <body> <h1>獲得服務器更新</h1> <div id="result"></div><script> if(typeof(EventSource)!=="undefined"){var source=new EventSource("/example/html5/demo_sse.php");source.onmessage=function(event){document.getElementById("result").innerHTML+=event.data + "<br />";};} else{document.getElementById("result").innerHTML="Sorry, your browser does not support server-sent events...";} </script></body> </html>- 創建一個新的 EventSource 對象，然后規定發送更新的頁面的 URL（本例中是 "demo_sse.php"）
- 每接收到一次更新，就會發生 onmessage 事件
- 當 onmessage 事件發生時，把已接收的數據推入 id 為 "result" 的元素中
EventSource 對象
| onopen | 當通往服務器的連接被打開 |
| onmessage | 當接收到消息 |
| onerror | 當錯誤發生 |
?
轉載于:https://www.cnblogs.com/anni-qianqian/p/5585553.html
總結
以上是生活随笔為你收集整理的【HTML5】Server-Sent服务器发送事件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 设置MYSQL数据库编码为UTF-8
- 下一篇： HTML5中的时间类型，另外EL表达式的