Server-Sent（SSE）：

server sent用于自動接收服務(wù)器更新，當(dāng)服務(wù)器發(fā)生數(shù)據(jù)更新時(shí)，此事件將自動執(zhí)行來更新頁面數(shù)據(jù)，常用于博文、股價(jià)等不斷變化的項(xiàng)目中。下面將簡單介紹SSE中三個(gè)常用事件：

onopen,當(dāng)通往服務(wù)器的鏈接被打開時(shí)執(zhí)行處理函數(shù)；

onerror,當(dāng)服務(wù)端發(fā)生錯(cuò)誤時(shí)，執(zhí)行處理函數(shù)；

onmessage,當(dāng)服務(wù)端發(fā)生變化時(shí)執(zhí)行處理函數(shù)；

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

服務(wù)端數(shù)據(jù)每更新一次，就會自動執(zhí)行onmessage事件，具體如下：

javascript腳本：

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

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

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

注意：此案例應(yīng)該和web Worker一樣部署在服務(wù)器上才能正常運(yùn)行，否則會報(bào)類似錯(cuò)誤：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.；實(shí)際開發(fā)中應(yīng)當(dāng)判斷瀏覽器是否支持EventSource對象，當(dāng)不支持時(shí)應(yīng)當(dāng)做出錯(cuò)誤提示。

提示：本文圖片等素材來源于網(wǎng)絡(luò)，若有侵權(quán)，請發(fā)郵件至郵箱：810665436@qq.com聯(lián)系筆者 刪除。
筆者：苦海

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。