JS如何使用WebSocket

本文介绍了如何在JavaScript中创建WebSocket对象,监听onopen、onclose和onmessage事件,以及如何发送和接收数据。重点强调了WebSocket的双向通信特性和可扩展性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

要使用WebSocket,首先需要创建一个WebSocket对象。可以使用以下代码来创建WebSocket对象:

var socket = new WebSocket('ws://localhost:8080');

这里的ws://localhost:8080是WebSocket服务器的地址。注意,WebSocket协议的默认端口是80或443(SSL加密),但也可以使用其他端口。

一旦连接建立,可以监听WebSocket对象的onopen事件来执行一些初始化操作:

socket.onopen = function(event) {
  console.log('WebSocket connected.');
};

当WebSocket连接关闭时,可以监听onclose事件来执行清理操作:

socket.onclose = function(event) {
  console.log('WebSocket disconnected.');
};

要发送数据到WebSocket服务器,可以使用WebSocket对象的send()方法。例如,发送一个字符串:

socket.send('Hello, server!');

要接收WebSocket服务器发送的数据,可以监听WebSocket对象的onmessage事件:

socket.onmessage = function(event) {
  console.log('Received message:', event.data);
};

以上是JavaScript中使用WebSocket的基本用法。注意,WebSocket协议是一种双向通信协议,因此可以在任何时候发送或接收数据。同时,WebSocket还支持二进制数据传输和自定义协议扩展,这些功能可以通过一些额外的API来实现。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值