javascript webSocket 前端 页面开发

这里演示了前端js页面在实现webSocket客户端时使用的代码
如果你对后端java服务如何实现服务端感兴趣对话，可以查看这个作为关联学习(http://zengbingo.com/p/1491.html)

客户端点代码(javaScript)如下：

var websocket = null;
//判断当前浏览器是否支持WebSocket
if ('WebSocket' in window) {
  //创建WebSocket对象， 链接服务器
  websocket = new WebSocket("ws://localhost:8080/ws");
}else {
  alert("当前浏览器不支持webSocket");
}
//链接成功
websocket.onopen = function (event){
  console.log("open", event);
}

//收到服务端消息
websocket.onmessage = function (event){
  console.log("message", event.data);
}

//发生错误
websocket.onerror = function (){
   console.log("error");
}

//链接关闭时执行
websocket.onclose = function (){
   console.log("close");
}

//页面关闭、刷新时，主动关闭websocket链接
//防止链接还没断开，页面就关闭了，server端就会出现断开异常
window.onbeforeunload = function (){
  websocket.close();
}

//主动关闭链接，可以放在其他地方调用
function closeWebSocket(){
  websocket.close();
}

//发送消息到服务端，可以放在其他地方调用
function sendMessage(msg){
  websocket.send(msg);
}