日常生活的交流与学习

首页 新随笔 联系 管理

WebSocket

WebSocket 对象提供了用于创建和管理 WebSocket 连接,以及可以通过该连接发送和接收数据的 API。

使用 WebSocket() 构造函数来构造一个 WebSocket

构造函数

WebSocket()

WebSocket(url[, protocols])

返回一个 WebSocket 对象。

常量

WebSocket.CONNECTING

WebSocket.OPEN

WebSocket.CLOSING

WebSocket.CLOSED

ConstantValue
WebSocket.CONNECTING0
WebSocket.OPEN1
WebSocket.CLOSING2
WebSocket.CLOSED3

属性

binaryType

WebSocket.binaryType

使用二进制的数据类型连接。

bufferedAmount

WebSocket.bufferedAmount 只读

未发送至服务器的字节数。

extensions

WebSocket.extensions 只读

服务器选择的扩展。

onclose

WebSocket.onclose

用于指定连接关闭后的回调函数。

onerror

WebSocket.onerror

用于指定连接失败后的回调函数。

onmessage

WebSocket.onmessage

用于指定当从服务器接受到信息时的回调函数。

onopen

WebSocket.onopen

用于指定连接成功后的回调函数。

protocol

WebSocket.protocol 只读

服务器选择的下属协议。

readyState

WebSocket.readyState 只读

当前的链接状态。

url

WebSocket.url 只读

WebSocket 的绝对路径。

方法

WebSocket.close([code[, reason]])

关闭当前链接。

WebSocket.send(data)

对要传输的数据进行排队。

事件

添加事件的两种方法

web socket对象添加addEventListener()

给on[eventname]赋值回调函数

使用 addEventListener() 或将一个事件监听器赋值给本接口的 oneventname 属性,来监听下面的事件。

事件类型

close

close

当一个 WebSocket 连接被关闭时触发。 也可以通过 onclose 属性来设置。

error

error

当一个 WebSocket 连接因错误而关闭时触发,例如无法发送数据时。 也可以通过 onerror 属性来设置。

message

message

当通过 WebSocket 收到数据时触发。 也可以通过 onmessage 属性来设置。

open

open

当一个 WebSocket 连接成功时触发。 也可以通过 onopen 属性来设置。

示例

// Create WebSocket connection.
const socket = new WebSocket('ws://localhost:8080');

// Connection opened
socket.addEventListener('open', function (event) {
    socket.send('Hello Server!');
});

// Listen for messages
socket.addEventListener('message', function (event) {
    console.log('Message from server ', event.data);
});

原文地址 developer.mozilla.org

t

posted on 2022-12-03 09:50  lazycookie  阅读(74)  评论(0编辑  收藏  举报