HTML5-WebSocket实现聊天室示例

2020-04-24 19:23:15易采站长站整理

function list() {

channel.Send(callList, function (result) {

$('#lstOnlines').html('');

for (var i = 0; i < result.data.length; i++) {

var item = getUser(result.data[i]);

$(item).appendTo($('#lstOnlines'));

}

});

}

发送消息过程:

var callSay = { url: 'Handler.Say', parameters: {Content:""} }

function Say() {

callSay.parameters.Content = mEditor.html();

mEditor.html('');

channel.Send(callSay);

$('#content1')[0].focus();

}

代码下载:demo

总结

经过代码封装后websocket的处理变得非常简单,如果你有兴趣完全可以在此代码上扩展出一个更多功能的聊到室,如聊天室分组,发送信息图片共享等等.