前言

我們平時的工作中可能需要和服務端建立鏈接，從而來接受服務端推送的數(shù)據(jù)，常用的就是eventSource，我們平時常用的就是通過get的方式創(chuàng)建一個eventSource，但是我們如何通過post的方式創(chuàng)建呢？首先我們介紹一下eventSource，還有他和websocket的區(qū)別：

1.eventSource的介紹

1）eventSource 是一個 Web API，它允許網頁通過 HTTP 長連接（通常稱為 Server-Sent Events (SSE)）從 Web 服務器接收自動更新。它使網頁可以接收實時更新，而無需刷新頁面或向服務器發(fā)送重復請求。

2）使用 eventSource，網頁可以訂閱從服務器發(fā)送的事件流。這些事件可以是任何格式，例如純文本、JSON 或 XML，并且可以包含服務器想要發(fā)送的任何數(shù)據(jù)。一旦建立連接，服務器可以隨時向客戶端發(fā)送事件，客戶端可以根據(jù)需要處理它們，例如更新 UI 或觸發(fā)其他操作。

3）eventSource API 使用簡單，并且受到大多數(shù)現(xiàn)代 Web 瀏覽器的支持。它通常用于需要實時更新的 Web 應用程序，例如聊天室、社交媒體提要或股票市場行情。

2.eventSource和websocket的區(qū)別：

1）協(xié)議不同：WebSocket 使用的是一種雙向通信協(xié)議，而 eventSource 使用的是一種單向通信協(xié)議。WebSocket 協(xié)議可以在客戶端和服務器之間建立一個長連接，雙方可以同時發(fā)送和接收消息，而 eventSource 只能由服務器向客戶端發(fā)送消息。

2）數(shù)據(jù)格式不同：WebSocket 可以發(fā)送任何格式的數(shù)據(jù)，例如文本、二進制數(shù)據(jù)或 JSON，而 eventSource 只能發(fā)送文本格式的數(shù)據(jù)。

3）支持程度不同：WebSocket 是一種相對較新的技術，在一些舊的瀏覽器或網絡環(huán)境下可能不被支持，而 eventSource 已經被廣泛支持，可以在大多數(shù)現(xiàn)代瀏覽器中使用。

4）應用場景不同：WebSocket 更適合那些需要實時雙向通信的應用，例如在線游戲或視頻會議，而 eventSource 更適合那些需要從服務器獲取實時信息的應用，例如股票行情或新聞推送。

3.如何用post的方式請求eventSource

常用的就是通過fetchEventSource這個庫來實現(xiàn)，實現(xiàn)方式如下：

npm i --save @rangermauve/fetch-event-source
 
import { fetchEventSource } from '@microsoft/fetch-event-source';
 
       let eventSource = fetchEventSource(Url, {
        method: 'POST',
        headers: {
          "Content-Type": 'application/json',
        },
        body: JSON.stringify(data),
        onmessage(event) {
          console.info(event.data);
        },
        onerror() {
          
        }
      })

總結

到此這篇關于前端如何用post的方式進行eventSource請求的文章就介紹到這了,更多相關post方式eventSource請求內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！