websocket原理与聊天功能

  前段时间刚好要做一个小型的网页版聊天室,需求是用电脑完成语音通话(前面博客有),发送图片/文字/文件什么的。这就涉及到的网页套接字,在这里就不得不说一下的的WebSocket的原理

首先,可将网页套接字是HTML5出的东西(协议),也可以理解的WebSocket的是一个新协议,跟HTTP协议基本没有关系,只是HTTP只是一种短暂的临时的非持久的协议,网页套接字的就是一个持久化的协议;

举个例子:聊天室的时候,你发消息给别人的时候,你可以通过一个事件去告诉服务器:我发了一条信息给XXX;那你在等别人回消息的时候,那你就要问服务器:有没有我的信息服务器:没有....然后要问几次服务器,可能别人才会把消息传给服务器,最后你访问服务器的时候,服务器才会告诉你信息这就要求你要不停的去访问服务器。WebSocket就是不用你去问服务器,是有服务器接受到消息的时候,告诉你。

代码如下(含有layer.js弹框插件):

效果如下

websocket原理与聊天功能_第1张图片

你可能感兴趣的:(使用Javascript与JQ,文件上传,WebSocket,聊天)