WebSockets

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 20:06   1458   0

WebSockets是下一代web双向传输"工具",基于TCP协议通过js接口操作的

websocket的使用

1.创建WebSocket

var Socket = new WebSocket(url, [protocal] );


protocal为可选的参数,用于指定订阅而且服务端必须支持

WebSocket 参数

Socket.readyState

这个参数是只读参数,用于指示跟服务器交互过程中的状态变量

0 ---表示还没成功建立连接

1 ---表示建立成功,可用

2 ---表示出于正在关闭的状态

3 ---表示连接已经关闭

Socket.bufferedAmount

表示通过send发送的数据队列的UTF格式的字节数

WebSocket 的事件

open

close

message

error

从语意就可以理解这几个方法的意思,这几个是回调方法

WebSocket 的方法

Socket.send() 通过连接传输数据

Socket.close() 关闭整个socket的会话

<!DOCTYPE HTML>
<html>
   <head>
 
      <script type="text/javascript">
         function WebSocketTest()
         {
   //判断websocket是否可用
            if ("WebSocket" in window)
            {
               alert("WebSocket is supported!");
               
               //创建WebSocket
               var ws = new WebSocket("ws://localhost:9998/echo");
    
               ws.onopen = function()
               {
                  ws.send("Message to send");
                  alert("Message is sent...");
               };
    
               ws.onmessage = function (evt) 
               { 
                  var received_msg = evt.data;
                  alert("Message is received..." + received_msg);
               };
    
               ws.onclose = function()
               { 
                  alert("Connection is closed..."); 
               };
            }
            
            else
            {
               alert("WebSocket NOT supported by your Browser!");
            }
         }
      </script>
  
   </head>
   <body>
   
      <div id="sse">
         <a href="javascript:WebSocketTest()">Run WebSocket</a>
      </div>
      
   </body>
</html>


分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP