一、作用
可以允许服务器端主动向客户端发送数据(http请求只能在客户端发起)
二、好处
比起ajax轮询,webSocket能更好的节省服务器资源和带宽,并且能够进行实时通讯
三、使用
1.创建
var ws=new WebSocket(url)
2.事件
ws.onopen 连接时触发
ws.onmessage 客户端接收数据时触发(通过此事件接收数据)
ws.onerror 发生错误时触发
ws.onclose 连接关闭时触发
3.方法
ws.send 使用连接发生数据
ws.close 关闭连接
四、例子
if ("WebSocket" in window) { //如果支持webSocket
// 打开一个 webSocket
var ws = new WebSocket("ws://localhost:9998/echo");
ws.onopen = function() {
// Web Socket 已连接上,使用 send() 方法发送数据
ws.send("发送数据");
};
ws.onmessage = function (res) {
var data = res.data; //接收数据
};
ws.close()
ws.onclose = function(){
// 连接已关闭
};
}