这篇文章主要介绍了WebSocket怎么用,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
WebSocket初识
一:认识WebSocket
WebSocket html中是一种新的协议,它实现了真正的长连接,实现了浏览器与服务器的全双工通信(指在通信的任意时,刻线路上存在A到B和B到的双向信号传输)。
现在我们接触的协议大多是htttp协议,在浏览器中通过http协议实现了单向的通信、浏览器发出请求,服务器在响,应一次客户端与服务器的请求就结束了,服务器不能主动响应客户端,主动往客户端返回数据,而在某些需求上要实时刷新数据,获取服务器上的最新数据,显示给客户端。为了实现这样的需求,大多数公司使用了轮询的技术。轮询技术,在特定的时间间隔(如1秒)由浏览器发出http请求,服务器再将最新数据返回给浏览器,实现了数据的实时刷新,很明显,通过这种技术实现的伪长连接,存在着一些缺陷,每隔一段时间的http请求,不见得每一次的请求都是有意义的,因为客户端不会知道服务器上的数据有没有更新,这样在多次请求当中肯定会存在无效的请求(上一次请求回来的数据跟本次的完全一样)。
可见轮询这种技术,存在很大的弊端,而WebSocket实现了真正的长连接,服务器可以主动向客户端发送数据,正是这样的特点,就能很好的实现这种需求,当服务器有数据变化时,服务器就可以将新的数据返回给客户端,没有无效的请求回复。
在实现WebSocket连线过程中,需要透过浏览器发出WebSocket连线请求,然后服务器发出回应,这个过程通常称为“握手”(握手)。
私人HttpSession HttpSession;
@OnOpen
公共空间>/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */var msgContainer=. getelementbyid (“msgContainer”);//服务器地址var wsUrl=皐s://127.0.0.1:8080/演示/chatServer”;//创建WebSocket对象var WebSocket=new WebSocket (wsUrl);//与服务器建立连接webSocket。onopen=function () {
console.log(“与服务器连接成功! !”);}//接收到服务器传来的消息webSocket。onmessage函数=(mes) {
}//服务器关闭webSocket。onclose=function () {
console.log(“近了!”);}//服务器异常webSocket。onerror=function () {
console.log(“错误!”);}//浏览器刷新或者关闭时,先关闭当前页面的webSocket对象窗口。onbeforunload=function () {
webSocket.close ();}//发送消息函数发送(){webSocket.send (jsonMsg);}/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
代码(var webSocket=new webSocket (wsUrl);)是在申请一个webSocket对象,参数是需要连接的服务器端的地址,同HTTP协议开头一样,webSocket协议的URL使用ws://开的头,另外安全的webSocket协议使用wss://开头。
webSocket对象一共支持四个消息>感谢你能够认真阅读完这篇文章,希望小编分享webSocket怎么用内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!
