使用WebSocket發送和接收數據的方法

小編給大家分享一下使用WebSocket發送和接收數據的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

 WebSocket是一種允許通過保持服務器端和用戶端始終連接來進行雙向通信的技術，所以WebSocket既可以發送數據也可以接收數據，。

我們先來看一下如何發送文本數據？

使用免費提供的echo.websocket.org作為樣本

具體示例如下

var connection = new WebSocket('wss://echo.websocket.org');
 
connection.send('樣本數據');

在此示例中，以看到正在創建WebSocket實例并使用send()方法發送數據。

但是，通常應該在任意時間傳輸數據。

因此，如果要通過單擊按鈕發送在表單中輸入的數據，可以按如下方式編寫。

btn.addEventListener('click', function(e) {
  var text = document.getElementById('text');
 
  connection.send(text.value);
})

在這個例子中，我們得到輸入表單的字符串并將其應用于send（）的參數。

這樣，您就可以發送任意文本數據。

如何接收文本數據？

這次使用的測試服務器的Echo.websocket.org將按原樣返回傳輸的數據。

代碼如下

connection.onmessage = function(e) {
    console.log(e.data);
};

我們使用onmessage()事件，該事件用于接收來自四種類型的事件處理的消息。

雖然這是一個簡單的描述，但僅此一項就可以接收從服務器返回的數據。

順便說一下，當你一起使用close()方法時，編碼如下

connection.onmessage = function(e) {
    console.log(e.data);
    connection.close();
};

在這種情況下，在收到數據后立即斷開通信。

此時，需注意的是如果close()斷開通信，除非再次與WebSocket建立連接，否則無法通信！

以上是使用WebSocket發送和接收數據的方法的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！