websocket

123 阅读1分钟

1.WebSocket是一个新的协议,只需建立一次连接,就可以源源不断的获取数据,但是http协议通信的话,服务器不能主动的联系客户端,只有客户端才可以发起,需要不断的建立http连接.

2.WebSocket需要像TCP一样, 需要先建立链接, 需要客服端和服务器端进行握手, 进行通信

	
			// 先定义websocket
			var websocket = null
			// 判断浏览器是否支持
			if ('Websocket' in window) {
				// 连接服务器
				websocket = new WebSocket('ws://')
			} else {
				alert('浏览器不支持')
			}
			// websocket事件

			1. onopen事件
			websocket.onopen = function() {
				console.log('onopen事件---建立连接')
			}
			2. onclose事件
			websocket.onclose = function(event) {
				console.log('onclose事件---连接关闭')
			}
			3. onmessage事件
			websocket.onmessage = function(msg) {
				// 可以用来弹窗提醒,播放音乐 
				// msg是返回的数据
				console.log('onmessage事件---收到消息' + msg.data)
			}
			4. onerror事件
			websocket.onerror = function() {
				console.log('onerror事件---websocket通信发生错误')
			}
			5. onbeforeunload
			window.onbeforeunload = function() {
				console.log('onbeforeunload事件---关闭websocket')
			}
			
			window.onresize=function(){
				// 图标的响应式变化
				myChart2.resize()
				myChart.resize()
			}