WebSocket使用

webScoket与socket的区别

Socket

• 必须遵循“一应一答”的模式，客户端发送请求，服务端响应，除此之外，服务端不可以主动发送响应给客户端。

使用场景：客户端的消息功能。

WebSocket:

• 第一次的连接是基于http协议，客户端发起连接，服务端响应，至此建立连接“全双工”，之后，服务端可以在任何时刻发送消息给客户端，当然客户端 也可以。

WebSocket使用

var wsServer = 'ws://'+'服务器地址'+'/api'; //请求url
var websocket = new WebSocket(wsServer); //创建WebSocket对象
websocket.send("hello");//向服务器发送消息
alert(websocket.readyState);//查看websocket当前状态
websocket.onopen = function (e) {
//已经建立连接
};
websocket.onclose = function (e) {
//已经关闭连接
};
websocket.onmessage = function (e) {
//收到服务器消息
 let data = e.data
 websocket.close() // 关闭websocket
};
websocket.onerror = function (e) {
//产生异常
}; 

如果需要传参怎么办？

• 传递一个参数

var wsServer = 'ws://'+'服务器地址'+'/api'+id; //请求url

• 传递多个参数

var wsServer = 'ws://'+'服务器地址'+'/api' + id + '/' + params; //params是参数对象

参考链接