websocket简介
- websocket是伴随着html5出现的新技术
- 与传统http请求不同
- 本质是基于 TCP 的协议
websocket与传统http请求的区别
传统http请求是由浏览器发起请求-服务端接收到请求-服务端返回数据,来回请求一次就断了。
websocket同样是由浏览器发起请求服务器接收请求,但是服务器接收到websocket请求后会在服务器与浏览器之间建立一个web端socket连接,这个连接允许服务器和浏览器相互发送消息,如果服务器端和浏览器端都不断开,socket连接是不会断开的。
websocket使用
创建 WebSocket 对象
var websocket = new WebSocket('ws://echo.websocket.org/');
建立连接
websocket.onopen = function() {
console.log('websocket open');
}
发送请求
websocket.send(val);
接收到消息时回调
websocket.onmessage = function(e) {
console.log(e.data);
}
通信发生错误时
websocket.onerror = function(e){
console.log(e);
}
关闭连接时回调
websocket.onclose = function() {
console.log('websocket close');
}