Server-Sent（SSE）：

server sent用于自動接收服務器更新，當服務器發生數據更新時，此事件將自動執行來更新頁面數據，常用于博文、股價等不斷變化的項目中。下面將簡單介紹SSE中三個常用事件：

onopen,當通往服務器的鏈接被打開時執行處理函數；

onerror,當服務端發生錯誤時，執行處理函數；

onmessage,當服務端發生變化時執行處理函數；

首先創建一個實例對象如：new EventSource(‘test.php’),實例對象括號中用于傳入一個服務端文件，用于此對象中onmessage事件對象處理，事件對象中data屬性就是接收到服務端變化后的數據，事件對象如下：

服務端數據每更新一次，就會自動執行onmessage事件，具體如下：

javascript腳本：

<script>// 1.創建EventSource對象：var source = new EventSource('test.php'); //將服務端的腳本地址傳入到對象中// 2.使用source對象的onmessage事件監聽服務端數據變化，并通過事件對象將變化后的數據打印在控制臺：source.onmessage = function(event) {console.log(event.data); //將服務端變化的數據打印到控制臺}</script>

服務端文件可以是Java、none.js、php等腳本，這采用php文本介紹SSE，php在本文不做詳細介紹，后面會有相關文檔詳細介紹：

<!-- 創建一個php文檔，將文件放到與test.html文件同目錄--><?phpheader('Content-Type: text/event-stream');//設置header,后面php會詳細介紹$time = date('r');//定義變量接收當前時間echo "data:{$time}\n\n";//將變化的時間輸出

注意：此案例應該和web Worker一樣部署在服務器上才能正常運行，否則會報類似錯誤：Access to resource at ‘file:///C:/Users/17121/Desktop/test/test.php’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.；實際開發中應當判斷瀏覽器是否支持EventSource對象，當不支持時應當做出錯誤提示。

提示：本文圖片等素材來源于網絡，若有侵權，請發郵件至郵箱：810665436@qq.com聯系筆者 刪除。
筆者：苦海

總結

以上是生活随笔為你收集整理的SSE事件作用，错误分析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。