Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js websocket发送消息

作者:刀魂使者   发布日期:2025-12-31   浏览:60

// 创建 WebSocket 对象,指定要连接的 URL
const socket = new WebSocket('ws://example.com/socket');

// 当 WebSocket 连接成功时触发
socket.addEventListener('open', function (event) {
    // 发送消息到服务器
    socket.send('Hello Server!');
});

// 当从服务器接收消息时触发
socket.addEventListener('message', function (event) {
    console.log('收到消息: ', event.data);
});

// 当 WebSocket 连接关闭时触发
socket.addEventListener('close', function (event) {
    console.log('连接已关闭');
});

// 当 WebSocket 连接发生错误时触发
socket.addEventListener('error', function (event) {
    console.error('发生错误:', event);
});

解释说明:

  1. 创建 WebSocket 对象:使用 new WebSocket(url) 创建一个新的 WebSocket 实例,url 是 WebSocket 服务器的地址。
  2. 监听 open 事件:当 WebSocket 连接成功建立时触发。在这个事件中可以发送初始消息给服务器。
  3. 监听 message 事件:当从服务器接收到消息时触发。可以通过 event.data 获取接收到的消息内容。
  4. 监听 close 事件:当 WebSocket 连接关闭时触发。可以在事件处理函数中进行清理工作。
  5. 监听 error 事件:当 WebSocket 连接发生错误时触发。可以在事件处理函数中捕获并处理错误。

通过这些事件监听器,你可以方便地与 WebSocket 服务器进行通信,并处理不同的连接状态和消息传递。

上一篇:js object转json

下一篇:js 连接websocket

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站