c语言编程笔录

首页 >   > 笔记大全

笔记大全

怎么在ZK框架中使用WebSocket

更新时间:2023-11-16

使用ZK框架中的WebSocket

1. 首先检查浏览器是否支持 WebSocket。

2. 创建一个 WebSocket 实例,并指定服务端地址。如果服务端在本地的8080端口上运行,在HTML文件中可以这样创建:

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

3. 绑定 WebSocket 回调函数。

    // connection回调函数
    socket.onopen=function (event) {
        console.log("WebSocket已连接");
    };
    
    // message回调函数
    socket.onmessage=function (event) {
        console.log("接收到消息:" + event.data);
        // 可在这里处理收到的消息
    };
    
    // error回调函数
    socket.onerror=function (event) {
        console.log("WebSocket错误");
    };
    
    // close回调函数
    socket.onclose=function (event) {
        console.log("WebSocket已关闭");
    };
    

4. 发送和接收消息。

    // 发送消息
    $("#send").click(function () {
        var message=$("#message").val();
        socket.send(message);
        $("#message").val("");
    });
    
    // 断开WebSocket连接
    $("#disconnect").click(function () {
        socket.close();
    });