前端调用WebSocket协议接口获取数据

目录

封装调用ws协议接口工具函数

页面调用

封装调用ws协议接口工具函数

• params：请求参数
• cb：服务器请求成功返回数据的回调函数

       function createWs(params, cb) {      const ws = new WebSocket("ws://124.222.224.186:8800");      let timer = null;      // 服务器连接成功处理函数      ws.onopen = function () {        // 连接成功后，调用发送参数的函数        sendMessage();        console.log("ws连接成功......");      }      // 服务器连接失败处理函数      ws.onerror = function(err) {        console.log("ws连接失败......", err);      }      // 断开服务器连接处理函数      ws.onclose = function() {        console.log("ws断开连接......");      }      // 请求成功后返回的数据处理函数      ws.onmessage = function (res) {        cb(res.data);      }      // 向ws发送参数      function sendMessage() {        if(ws.readyState === WebSocket.OPEN) {          ws.send(params)        }      }    }

  页面调用

      createWs("测试数据", (res) => {

        console.log("111",res);

      })