html5css3新闻页,HTML5与CSS3数据通信

一&＃xff0c;让网页中实时通信(WebSocket)

WebSocket是HTML5提供的一种与浏览器和服务器之间进行全双工通讯的网络协议

原理&＃xff1a;浏览器和服务器之间只需要做一个握手的动作&＃xff0c;便形成一条快速的通道&＃xff0c;两者之间就直接可以进行数据的传送。

注意&＃xff1a;WebSocket是全双工协议&＃xff0c;HTTP是单向的通信协议&＃xff0c;对于WebSocket来说&＃xff0c;它必须依赖HTTP协议进行一次握手&＃xff0c;握手成功后&＃xff0c;数据就直接从TCP通道传输&＃xff0c;此后就与HTTP无关了

二&＃xff0c;WebSocket客户端

1,WebSocket对象作为一个构造函数&＃xff0c;var socket&＃61;new WebSocket(url,可以接受的子协议)

第一个参数url指定连接的url

2,实例对象的属性

WebSocket.readyState&＃xff1a;返回实例对象的当前状态

--CONNECTING:值为0 表示正在连接

--OPEN:值为1 表示成功连接

--CLOSEING&＃xff1a;值为2 表示连接正在关闭

--CLOSED&＃xff1a;值为3 表示连接关闭

3&＃xff0c;WebSocket事件

--open 连接建立时触发

--message 客户端接受服务独断数据时触发

--error 通信发生错误时触发

--close 连接关闭时触发

4&＃xff0c;WebSocket的方法

--WebSocket.send()实例对象的send方法用于向服务器发送数据

WebSocket.close()实例对象用于关闭连接

三&＃xff0c;WebSocket.服务端 不具体说明&＃xff0c;感兴趣的自己去查看