w8484855@qq.com 发表于 2017-8-29 20:53:01

HTML5的WebSocket的介绍及应用

本文和大家分享的主要是HTML5中WebSocket相关内容,一起来看看吧,希望对大家学习html5有所帮助。  创建 WebSocket 对象  用以下 方法 创建 WebSocket 对象。  var Socket = new WebSocket(url, );  以上代码中的第一个参数 url, 指定连接的 URL。第二个参数 protocol 是可选的,指定了可接受的子协议  WebSocket 属性  以下是 WebSocket 对象的属性。假定我们使用了以上代码创建了 Socket 对象:  Socket.readyState  只读属性 readyState 表示连接状态,可以是以下值:  0 - 表示连接尚未建立。  1 - 表示连接已建立,可以进行通信。  2 - 表示连接正在进行关闭。  3 - 表示连接已经关闭或者连接不能打开。  Socket.bufferedAmount  只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输,但是还没有发出的 UTF-8 文本字节数。  WebSocket 事件  open    Socket.onopen    连接建立时触发  message    Socket.onmessage    客户端接收服务端数据时触发  error    Socket.onerror    通信发生错误时触发  close    Socket.onclose    连接关闭时触发  WebSocket 方法  以下是 WebSocket 对象的相关方法。假定我们使用了以上代码创建了 Socket 对象:  Socket.send()   使用连接发送数据Socket.close()    关闭连接  创建webSocket服务  socket.io  socket.io是改进版的WebSocket,地址是: https://socket.io/  nodejs启动服务:  var app = require('http').createServer()var io = require('socket.io')(app);  app.listen(8008);  io.on('connection', function (socket) {  socket.emit('news', { hello: 'world' });  socket.on('my other event', function (data) {  console.log(data);  });  });前台接受,要引入socket.io.js<script src="socket.io.js"></script>var socket = io('ws://localhost:8008');socket.on('news', function (data) {    console.log(data);    socket.emit('my other event', { my: 'data' });}); 来源:Haorooms
页: [1]
查看完整版本: HTML5的WebSocket的介绍及应用