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

js socket

作者:淡漠伤悲   发布日期:2025-09-03   浏览:84

// 创建一个 WebSocket 客户端连接
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('Server connection closed');
});

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

解释说明:

  1. 创建 WebSocket 连接:使用 new WebSocket(url) 创建一个新的 WebSocket 实例,url 是 WebSocket 服务器的地址。
  2. 事件监听器
    • open:当连接成功建立时触发。可以在此事件中发送初始消息给服务器。
    • message:当从服务器接收到消息时触发。可以通过 event.data 获取消息内容。
    • close:当连接关闭时触发。可以用于处理连接断开后的逻辑。
    • error:当发生错误时触发。可以捕获并处理错误。

通过这种方式,你可以实现客户端与服务器之间的实时双向通信。

上一篇:js function 返回值

下一篇:js tcp

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

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

Laravel 中文站