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

javascript websocket

作者:暗夜幽殤   发布日期:2025-02-17   浏览:87

// WebSocket 示例代码

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

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

// 接收到消息时触发
socket.addEventListener('message', function (event) {
    console.log('Message from server ', event.data);
});

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

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

解释说明:

  1. 创建 WebSocket 对象:使用 new WebSocket(url) 创建一个新的 WebSocket 连接,其中 url 是 WebSocket 服务器的地址。
  2. 事件监听器
    • open:当连接成功建立时触发。可以在此处发送初始消息给服务器。
    • message:当从服务器接收到消息时触发。可以通过 event.data 获取消息内容。
    • close:当连接关闭时触发。
    • error:当发生错误时触发,通常用于调试和错误处理。
  3. 发送消息:使用 socket.send(data) 方法向服务器发送消息,其中 data 可以是字符串、二进制数据等。

希望这段代码和解释对你有帮助!

上一篇:javascript 正则

下一篇:javascript 数组长度

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

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

Laravel 中文站