信中,send的使用"/>
websocket通信中,send的使用
在建立web socket通信后,发送数据时,出现下图所示现象:
问题代码演示:
function TestSockets() {//实例化一个WebSocket对象var socket = new WebSocket("ws://127.0.0.1:8000/ws");//声明一个消息var message = {nickname: "benben_2015",email: "123456@qq.com",content: "I love programming"};//web sockets只能通过连接发送纯文本数据,所以对于复杂的数据结构,在通过连接发送之前,必须进行序列化。socket.send(JSON.stringify(message));
}
问题原因:
通常在实例化一个websocket对象之后,客户端就会与服务器进行连接。但是连接的状态是不确定的,于是用readyState属性来进行标识。它有四个值,分别对应不同的状态:
CONNECTING:值为0,表示正在连接;
OPEN:值为1,表示连接成功,可以通信了;
CLOSING:值为2,表示连接正在关闭;
CLOSED:值为3,表示连接已经关闭,或者打开连接失败。
这样问题的原因就很明显了,之所以数据不能发送出去,是因为websocket还处在“CONNECTING”状态下,连接还没有成功。
解决方案:
- 方案一:在状态为OPEN时,执行send方法即可
function TestSockets() {var socket = new WebSocket("ws://127.0.0.1:8000/ws");var message = {nickname: "benben_2015",email: "123456@qq.com",content: "I love programming"};//添加状态判断,当为OPEN时,发送消息if (socket.readyState===1) {socket.send(JSON.stringify(message));}else{//do something}
}
- 方案二:也可以设置事件监听,当为OPEN时,执行send操作
function TestSockets() {var socket = new WebSocket("ws://127.0.0.1:8000/ws");var message = {nickname: "benben_2015",email: "123456@qq.com",content: "I love programming"};message = JSON.stringify(message);//添加事件监听socket.addEventListener('open', function () {socket.send(message)});
}
- 方案三:实例对象websocket的onopen属性,可以用来指定连接成功后的回调函数
function TestSockets() {var socket = new WebSocket("ws://127.0.0.1:8000/ws");//设置连接成功后的回调函数socket.onopen=function () {console.log("socket has been opened");var message = {nickname: "benben_2015",email: "123456@qq.com",content: "I love programming"};message = JSON.stringify(message);socket.send(message);};
}
更多推荐
websocket通信中,send的使用
发布评论