WebSocket简单实例

基本介绍

WebSocket需要像TCP一样，先建立连接，需要客户端和服务端进行握手连接，连接成功后才能相互通 信。

websoocket 构造函数

websocket 对象最为构造函数,用于新建websocket实例

let ws = new websocket('ws://127.0.0.1:8090');  // 加密的话接口是wss

执行上面语句后,客户端就会与服务器进行连接

websocket.readyState

readyState属性返回实例对象的当前状态,有四种

CONNECTING:值为0,表示正在连接.
OPEN:值为1 ,表示连接成功,可以通行.
CLOSING:值为2,表示正在关闭.
CLOSED: 值为3,表示连接已经关闭,或者打开连接失败

使用参数

// 实例对象的onopen属性 , 连接成功建立的回调方法
ws.onopen = function () {
alert("WebSocket连接成功")
}

//  连接发生错误的回调方法
ws.onerror = function () {
alert("WebSocket连接发生错误")
}

// 接收到消息的回调方法
ws.onmessage = function (data) {
alert(data)
}

// 连接关闭的回调方法
ws.onclose = function () {
alert("WebSocket连接关闭")
}

// 实例对象的send() 方法用于向服务器发送数据
ws.send('您的消息');

简单实例

var ws = new WebSocket("ws://localhost:8080/msg");
 
ws.onopen = function(evt) {
	console.log("Connection open ...");
	ws.send("Hello WebSockets!");
};
 
ws.onmessage = function(evt) {
	console.log("Received Message: " + evt.data);
	ws.close();
};
 
ws.onclose = function(evt) {
	console.log("Connection closed.");
};