WebSockets

最新推荐文章于 2023-06-08 11:11:34 发布

杨过悔

最新推荐文章于 2023-06-08 11:11:34 发布

阅读量617

点赞数

本文链接：https://blog.csdn.net/u013571243/article/details/48827461

版权

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

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
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WebSockets

WebSockets是下一代web双向传输"工具",基于TCP协议通过js接口操作的 websocket的使用1.创建WebSocketvar Socket = new WebSocket(url, [protocal] );protocal为可选的参数,用于指定订阅而且服务端必须支持 WebSocket 参数
复制链接

扫一扫