在建立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还处在“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
}
}
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)
});
}
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是实现浏览器和web服务器沟通的一个好方法。一个比较好的使用方法就是在web网页上使用websocket,然后再起一个webdocketd服务器。
HTML5定义了WebSocket协议,能更好的节省服务器资源和带宽并达到实时通讯。在 WebSocket API,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。
WebSocket是基于TCP的一种新的网络协议,并在2011年被IETF定为标准的全双工通信协议,它实现了客户端与服务器全双工通信。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。
Web Sockets定义了一种在通过一个单一的 socket 在网络上进行全双工通讯的通道。它不仅仅是传统的 HTTP 通讯的一个增量的提高,尤其对于实时、事件驱动的应用来说是一个飞跃。
WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算)
在使用websocket的过程中,有时候会遇到网络断开的情况,但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有:服务器会继续向客户端发送多余的链接,并且这些数据还会丢失
在 websocket 出现之前,为了实现 web 端的实时通信,通常采用的是 Ajax 轮询技术,(轮询是在特定的时间间隔内,由浏览器向服务器发送 HTTP 请求,再由服务器返回最新的数据)
websocket服务端往往需要和服务层打交道,因此需要将服务层的一些bean注入到websocket实现类中使用,但是呢,websocket实现类虽然顶部加上了@Component注解,依然无法通过@Resource和@Autowire注入spring容器管理下的bean
以下 API 用于创建 WebSocket 对象。以上代码中的第一个参数 url, 指定连接的 URL。第二个参数 protocol 是可选的,指定了可接受的子协议。以下是 WebSocket 对象的属性。
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!