网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

WebSocketAPI怎么使用

这篇文章主要介绍“WebSocket API怎么使用”,在日常操作中,相信很多人在WebSocket API怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”WebSocket API怎么使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

金平ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!

 属性

WebSocket有两个属性,分别是readyState和bufferedAmount,其中bufferedAmount是作为连接缓冲用的,而WebSocket服务的readyState一共有以下4种状态。

 CONNECTING(值为数字0)。表示正在连接,尚未连接成功,这里有一个网络通信的握手过程。

注意,任何一个连接开始的时候,其状态都必须是CONNECTING=0。如果ready-State一直是CONNECTING状态,就会报出INVALID_STATE_ERR异常。

 OPEN(值为数字1)。表示连接已经成功,可以通信了。这里的连接是长连接、持久连接。

 CLOSING(值为数字2)。表示连接准备被断开,握手将被取消。

 CLOSED(值为数字3)。表示连接已经断开,可以从服务器端断开,也可以从客户端断开。

URL

URL属性都是一样的,哪怕是访问同源网站(这里的URL地址必须是绝对地址)。例如:

var Socket = new WebSocket('ws://www.test.com/');

哪怕本身这个发起WebSocket连接的地址就是www.test.com,也必须以ws://www.test.com为连接目标,否则就是错误的。

以下三种形式都是错误的:

var Socket = new WebSocket('/');

var Socket = new WebSocket('C:\www.test.com');

var Socket = new WebSocket('http://www.test.com');

以下两种形式都是允许的、正确的:

var Socket = new WebSocket('ws://www.test.com/updates');

var Socket = new WebSocket('ws://www.test.com/updates:8080');

事件

具体的事件说明如下,其中send()方法基于成功的连接传送数据,其参数必须是字符串(string)格式。

事件句柄 事件类型 解释

onopen open 连接打开

onmessage message 用于接受从服务器传来的信息

onerror error 当出现连接中的各种错误时,用于容错处理和排查

onclose close 连接关闭或断开

send send 基于成功的连接传送数据

这里需要注意,bufferedAmount属性作为还没有发送到网络中的最后一个待执行的事件轮询任务,必须返回正在队列中的(准备发送出去的)基于UTF-8格式文本的字节数量。(这包括在当前任务的执行中发送的文本,不论客户端是否能够异步传输文本。)

如果连接是关闭的,这个属性的值将仅增加每次使用send方法带来的数字变化(一旦连接关闭,该数字不能被初始化为0)。

在下面这个简单的例子中,bufferedAmount属性用于确保能够保持在每50ms一次更新的频率(如果网络能保持这个速率),如果这个速率太快,那么采用其他能够有保证的速率也可以:

var Socket = new WebSocket('ws://www.test.com:12010/updates');

Socket.onopen = function(){

setInterval(function(){

if(Socket.bufferedAmount == 0)

Socket.send(getUpdateData());

}, 50);

};

到此,关于“WebSocket API怎么使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


文章名称:WebSocketAPI怎么使用
URL标题:http://bjjierui.cn/article/ggidpi.html

其他资讯