zoukankan      html  css  js  c++  java
  • 2-Vue+WebSocket 实现页面实时刷新长连接

    参考:https://segmentfault.com/a/1190000019301545

     

    export default {
            data() {
                return {
                    websock: null,
                }
            },
            created(){
               //页面刚进入时开启长连接
                this.initWebSocket()
           },
           destroyed: function() {
            //页面销毁时关闭长连接
          this.websocketclose();
        },
       
        
        methods: { 
          initWebSocket(){ //初始化weosocket 
           
            const wsuri = 127.0.0.1:8080 + "/websocket/threadsocket";//ws地址
            this.websock = new WebSocket(wsuri); 
            this.websocket.onopen = this.websocketonopen;
    
            this.websocket.onerror = this.websocketonerror;
    
            this.websock.onmessage = this.websocketonmessage; 
            this.websock.onclose = this.websocketclose;
           }, 
    
          websocketonopen() {
            console.log("WebSocket连接成功");
          },
          websocketonerror(e) { //错误
            console.log("WebSocket连接发生错误");
          },
          websocketonmessage(e){ //数据接收 
            const redata = JSON.parse(e.data);
               // 接收数据
            console.log(redata.value); 
          }, 
    
          websocketsend(agentData){//数据发送 
            this.websock.send(agentData); 
          }, 
    
          websocketclose(e){ //关闭 
            console.log("connection closed (" + e.code + ")"); 
         },
       }, 
      }
     
    

     

      

     

    做有积累的事~~
  • 相关阅读:
    HDU.6681.Rikka with Cake(欧拉公式 树状数组)
    Codeforces.449C.Willem, Chtholly and Seniorious(ODT)
    2017-2018 ACM-ICPC, Asia Daejeon Regional Contest (E,G,H,I,K)
    CF GYM.101987A.Circuits(线段树)
    2018-2019 ACM-ICPC Nordic Collegiate Programming Contest (NCPC 2018)
    220
    219
    218
    217
    216
  • 原文地址:https://www.cnblogs.com/robinunix/p/13534083.html
Copyright © 2011-2022 走看看