HTML5技术

HTML WebSocket - 雄霸烽火狼

字号+ 作者:H5之家 来源:H5之家 2017-07-08 17:00 我要评论( )

WebSocket是HTML5开始提供的一种单个TCP连接上进行全双工通讯的协议。 在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据相互传送。 浏览器通过JavaScript向服务器发出建立W

WebSocket是HTML5开始提供的一种单个TCP连接上进行全双工通讯的协议。
在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据相互传送。

浏览器通过JavaScript向服务器发出建立WebSocket连接的请求,连接建立以后,客户端和服务器之间就可以通过TCP连接直接交换数据。

当你获取Web Socket连接后,你可以通过send()方法来向服务器发送数据,并通过onmessage事件来接受服务器返回的数据。

以下api用于创建WebSocket对象。

var socket = new WebSocket(url,[protocol]);
以上代码中第一个参数url,指定链接的URL。第二个参数protocol是可选的,指定了可接受的子协议。

WebSocket 属性

以下是WebSocket对象的属性。假定我们使用了以上代码创建了socket对象:

Socket.readyState 只读属性readyState表示连接状态,可以是以下值:
       1. 0-表示连接尚未建立。
       2. 1-表示链接已经建立,可以进行通行。
       3. 2-表示连接正在进行关闭。
       4. 3-表示连接已经关闭或者连接不能打开。
Socket.bufferedAmount 只读butteredAmount已经send()放入正在队列中等待传输,但是还没有发出的UTF-8文本字节数。


WebSocket事件
以下是WebSocket对象的相关事件。假定我们使用了创建的socket:
事件:open           message              error           close
事件处理程序:Socket.onopen           Socket.onmessage             Socket.onerror         Socket.onclose
描述:连接建立触发             客户端接受服务器端数据时触发         通信发生错误时触发       连接关闭时触发

WebSocket方法
以下是WebSocket对象的相关方法。假定我们使用了以上代码创建Socket对象:

方法: Socket.send()              Socket.close()
描述: 使用连接发送数据            关闭连接

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 将HTML导出生成word文档 - PC.aaron

    将HTML导出生成word文档 - PC.aaron

    2017-07-08 17:01

  • HTML5 基础内容(元素/属性/格式化) 001 - 挥舞着键盘征服世界

    HTML5 基础内容(元素/属性/格式化) 001 - 挥舞着键盘征服世界

    2017-07-03 17:03

  • HTML5 进阶系列:文件上传下载 - _林鑫

    HTML5 进阶系列:文件上传下载 - _林鑫

    2017-07-03 10:03

  • HTML5 canvas学习小例代码 - 风雨后见彩虹

    HTML5 canvas学习小例代码 - 风雨后见彩虹

    2017-07-01 08:01

网友点评