html中websocket获取数据,WebSocket 实现数据实时刷新

webSocket 是html5的一个新协议，WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket aPI 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

一、浏览器客户端

创建一个WebSocket 对象

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

//var ws= new WebSocket(url, [protocol] ); //参数 url, 指定连接的 URL。参数 protocol 是可选的，指定了可接受的子协议

var ws= new WebSocket('ws://127.0.0.1:8088')

微信小程序创建一个 WebSocket 连接稍有不同，具体可以参考小程序文档

//小程序创建 WebSocket 连接

wx.connectSocket(Object object)

//示例代码

var ws = wx.connectSocket({

url: 'wss://example.qq.com',

header:{

'content-tyPE': 'application/json'

},

protocols: ['protocol1']

})

//小程序接收数据事件

ws.onMessage(data=>{

console.l