在客户端代码连接之前绑定

服务器端事件，在连接成功后执行服务器端逻辑。

客户端代码可以通过 onConnectionSuccess 事件来绑定服务器端事件，在连接成功后执行服务器端逻辑。具体实现方式可以参考下面的代码示例：

// 定义一个自定义事件
const customEvent = new CustomEvent('customEvent');

// 创建一个 WebSocket 连接
const ws = new WebSocket('ws://your-server-url');

// 在连接成功时绑定事件处理程序
ws.addEventListener('open', () => {
  // 触发自定义事件
  ws.dispatchEvent(customEvent);
});

// 在接收到服务器响应时绑定事件处理程序
ws.addEventListener('message', (event) => {
  // 处理服务器响应数据
});

// 在连接失败时绑定事件处理程序
ws.addEventListener('error', (event) => {
  // 处理连接失败事件
});

在上面的代码示例中，我们首先定义了一个自定义事件 customEvent，然后创建了一个 WebSocket 连接 ws。接着，我们在连接成功时绑定事件处理程序，在接收到服务器响应时绑定事件处理程序，以及在连接失败时绑定事件处理程序。在这些事件处理程序中，我们使用 dispatchEvent 方法来触发自定义事件。

需要注意的是，在客户端代码中绑定服务器端事件时，我们需要在连接成功时才能绑定事件处理程序，因为只有在连接成功时才能收到服务器端发送的消息。因此，在连接成功时，我们需要触发自定义事件，以通知客户端代码绑定服务器端事件成功。同时，在接收到服务器响应时，我们也可以绑定事件处理程序，以处理服务器端发送的消息。