Web Socket打开之后,就可以通过连接发送和接收数据。要向服务器发送数据,使用 send() 方法并传入任意字符串,例如:
var socket = new
WebSocket(“ws://www.example.com/server.php”);
socket.send(“Hello world!”);
因为Web Sockets只能通过连接发送纯文本数据,所以对于复杂的数据结构,在通过连接发送之前,必须进行序列化。下面的例子展示了先将数据序列化为一个JSON字符串,然后再发送到服务器:
var message = {
time: new Date(),
text: “Hello world!”,
clientId: “asdfp8734rew”
};
socket.send(JSON.stringify(message));
接下来,服务器要读取其中的数据,就要解析接收到的JSON字符串。
当服务器向客户端发来消息时, WebSocket 对象就会触发 message 事件。这个 message事件与其他传递消息的协议类似,也是把返回的数据保存在 event.data 属性中。
socket.onmessage = function(event){
var data = event.data;
//处理数据
};
与通过 send() 发送到服务器的数据一样, event.data 中返回的数据也是字符串。如果你想得到其他格式的数据,必须手工解析这些数据。
WebSocket 对象还有其他三个事件,在连接生命周期的不同阶段触发。
open :在成功建立连接时触发。
error :在发生错误时触发,连接不能持续。
close :在连接关闭时触发。
WebSocket 对象不支持DOM 2级事件侦听器,因此必须使用DOM 0级语法分别定义每个事件处理程序。