码迷,mamicode.com
首页 > Web开发 > 详细

HTML5学习之WebSocket的使用详解

时间:2017-08-29 20:57:55      阅读:260      评论:0      收藏:0      [点我收藏+]

标签:

本文和大家分享的主要是HTML5中WebSocket相关内容,一起来看看吧,希望对大家学习html5有所帮助。
创建 WebSocket 对象
用以下 方法 创建 WebSocket 对象。
var Socket = new WebSocket(url, [protocol] );
以上代码中的第一个参数 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

HTML5学习之WebSocket的使用详解

标签:

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
jiangjie190
加入时间:2016-02-19
  关注此人  发短消息
文章分类
jiangjie190”关注的人------(0
jiangjie190”的粉丝们------(1
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!