zoukankan      html  css  js  c++  java
  • html5 webSockets实时通信

    webSockets是html5提供的客户端和服务器端通信机制,优点是一旦连接建立成功,它就是双向的、实时的、永久的(除非被显式的关闭)。

    建立连接

    var w = new WebSockets('ws://bianyuan.me');

    建立一个WebSockets连接实例即可,注意url必须以ws或wss(加密通信)开头。这样就可以和服务器端进行通信了,当然前提是服务器端支持WebSockets并已配备好。

    websockets3个监听事件

    //打开事件
    w.onopen = function(){alert('连接已打开')}
    //接收数据通信事件
    w.onmessage = function(e){alert(e.data)}
    //关闭事件
    w.onclose = function(){alert('连接已关闭')}

    3个监听事件可以传入一个事件对象参数e,e.data就是在服务器实时推送来的数据。

    另外2个方法

    //连接打开后,关闭前,可向服务器发送数据,只能发送文本数据,可以是josn
    w.send('msg');
    //关闭连接
    w.close()

    状态属性readyState

    通过w.readyState可以知道连接状态,0表示正在连接,1已连接,2正在关闭连接,3已关闭连接。

  • 相关阅读:
    Element Plus表单resetFields重置表单无效
    thinkphp6通过中间件设置跨域
    centos7安装jdk
    面试
    行测-逻辑填空
    行测-语句表达
    行测-片段阅读
    行测-四大文明古国
    基于 OAuth2.0 协议的单点登录系统方案设计
    性能测试知识点+流程
  • 原文地址:https://www.cnblogs.com/bianyuan/p/2356462.html
Copyright © 2011-2022 走看看