websocket_函数

 

$(function(){
	if("WebSocket" in window){
		console.log("您的浏览器支持WebSocket!");
		
		/**
		 * step1,打开一个webSocket
		 * Websocket 使用 ws 或 wss 的统一资源标志符，类似于 HTTPS，其中 wss 表示在 TLS 之上的 Websocket
		 * Websocket 使用和 HTTP 相同的 TCP 端口，可以绕过大多数防火墙的限制。默认情况下，Websocket 协议使用 80 端口；运行在 TLS 之上时，默认使用 443 端口。
		 */
		var ws=new WebSocket("ws://172.16.2.240:9100");
		
		/**
		 * step2,建立连接
		 */
		/**
		 *  通常在实例化一个websocket对象之后，客户端就会与服务器进行连接。但是连接的状态是不确定的，于是用readyState属性来进行标识。它有四个值，分别对应不同的状态：
		 *  CONNECTING：值为0，表示正在连接；
		 *  OPEN：值为1，表示连接成功，可以通信了；
		 *  CLOSING：值为2，表示连接正在关闭；
		 *  CLOSED：值为3，表示连接已经关闭，或者打开连接失败。
		 */
		console.log(ws);
		ws.onopen=function(e){
			console.log("-已连接--发送数据---");
		};
		if(ws.readyState===1){
			console.log("-连接成功--开始发送数据---");
			ws.send("996");
		}
		/**
		 * step3,接收消息
		 */
		ws.onmessage=function(evt){
			var received_msg=evt.data;
			console.log(evt);
			console.log("-已连接--接收数据---");
		}
		/**
		 * step4,关闭socket
		 */
		ws.onclose=function(){
			console.log("连接已关闭...");
		}
	}else{
		console.log("您的浏览器不支持WebSocket!");
	}
});