108 lines
2.6 KiB
JavaScript
108 lines
2.6 KiB
JavaScript
|
var ws = new WebSocket("ws://localhost:9875/ws");
|
|||
|
|
ws.onopen = function()
|
|||
|
|
{
|
|||
|
|
console.log("连接成功");
|
|||
|
|
};
|
|||
|
|
ws.onmessage = function(evt)
|
|||
|
|
{
|
|||
|
|
var data = JSON.parse(evt.data);
|
|||
|
|
for(var i in protocol){
|
|||
|
|
if(protocol[i].code == data.code){
|
|||
|
|
protocol[i].handler(data);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
ws.onclose = function(evt)
|
|||
|
|
{
|
|||
|
|
console.log("WebSocketClosed!");
|
|||
|
|
};
|
|||
|
|
ws.onerror = function(evt)
|
|||
|
|
{
|
|||
|
|
console.log("WebSocketError!");
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/** 发送消息 */
|
|||
|
|
function send(code,params){
|
|||
|
|
var obj = new Object();
|
|||
|
|
obj.code = code;
|
|||
|
|
obj.params = params;
|
|||
|
|
var json = JSON.stringify(obj);
|
|||
|
|
ws.send(json);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/** 协议封装 */
|
|||
|
|
function protocolHandler(code,handler){
|
|||
|
|
var obj = {
|
|||
|
|
code: code,
|
|||
|
|
handler: handler
|
|||
|
|
}
|
|||
|
|
return obj;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var joinRoom = function(data){
|
|||
|
|
$("#first").hide();
|
|||
|
|
$("#second").hide();
|
|||
|
|
$("#room").show();
|
|||
|
|
$("#roomCode").text(data.params.code);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var protocol = new Object();
|
|||
|
|
//登录返回
|
|||
|
|
protocol.login = protocolHandler(100,function(data){
|
|||
|
|
$("#first").hide();
|
|||
|
|
$("#second").show();
|
|||
|
|
$("#room").hide();
|
|||
|
|
$("#username").text(data.params.name);
|
|||
|
|
$("#user").text(data.params.name);
|
|||
|
|
})
|
|||
|
|
//发送消息到所有
|
|||
|
|
protocol.msgAll = protocolHandler(102,function(data){
|
|||
|
|
$("#allTable").append("<tr class='user'>" +
|
|||
|
|
"<td style='text-align: right'>" + data.params.username + "：</td>" +
|
|||
|
|
"<td style='text-align: left'>" + data.params.msg + "</td></tr>");
|
|||
|
|
})
|
|||
|
|
//私聊
|
|||
|
|
protocol.msgOne = protocolHandler(103,function(data){
|
|||
|
|
$("#oneTable").append("<tr class='user'>" +
|
|||
|
|
"<td style='text-align: right'>" + data.params.username + "：</td>" +
|
|||
|
|
"<td style='text-align: left'>" + data.params.msg + "</td></tr>");
|
|||
|
|
})
|
|||
|
|
//加入房间
|
|||
|
|
protocol.joinRoomById = protocolHandler(104,joinRoom);
|
|||
|
|
protocol.joinRoomRandom = protocolHandler(105,joinRoom);
|
|||
|
|
protocol.createRoom = protocolHandler(106,joinRoom);
|
|||
|
|
//离开房间
|
|||
|
|
protocol.leaveRoom = protocolHandler(107,function(data){
|
|||
|
|
$("#first").hide();
|
|||
|
|
$("#second").show();
|
|||
|
|
$("#room").hide();
|
|||
|
|
$("#allTable").empty();
|
|||
|
|
})
|
|||
|
|
//用户加入
|
|||
|
|
protocol.userJoinRoom = protocolHandler(-101,function(data){
|
|||
|
|
$("#allTable").append("<tr class='system-msg'>" +
|
|||
|
|
"<td style='text-align: right'>系统消息：</td>" +
|
|||
|
|
"<td style='text-align: left'><" + data.params.username + ">加入房间</td></tr>");
|
|||
|
|
})
|
|||
|
|
//用户离开
|
|||
|
|
protocol.userLeaveRoom = protocolHandler(-102,function(data){
|
|||
|
|
$("#allTable").append("<tr class='system-msg'>" +
|
|||
|
|
"<td style='text-align: right'>系统消息：</td>" +
|
|||
|
|
"<td style='text-align: left'><" + data.params.username + ">离开房间</td></tr>");
|
|||
|
|
})
|
|||
|
|
//服务器主动推送
|
|||
|
|
protocol.serverPush = protocolHandler(-200,function(data){
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
//错误信息
|
|||
|
|
protocol.errorMsg = protocolHandler(-400,function(data){
|
|||
|
|
layer.msg(data.msg);
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|