JS websocket 使用

原创
2018/10/26 22:30
阅读数 394
//建立连接
var ws = new WebSocket("ws://localhost:8080/ws");

//发送数据
ws.onopen = function(){  
   console.log("open");
   ws.send("hello");
};

//客户端收到服务端发来的消息时,会触发onmessage事件,参数evt.data中包含server传输过来的数据
ws.onmessage = function(evt){
  $("#testChat").append(" <p>"+evt.data+"</p>");
  console.log(evt.data)
};

//客户端收到服务端发送的关闭连接的请求时,触发onclose事件
ws.onclose = function(evt){
  console.log("WebSocketClosed!");
};

//如果出现连接,处理,接收,发送数据失败的时候就会触发onerror事件
ws.onerror = function(evt){
  console.log("WebSocketError!");
};
var socket;
		if (!window.WebSocket) {
			window.WebSocket = window.MozWebSocket;
		}
		if (window.WebSocket) {
			socket = new WebSocket("ws://localhost:8080/ws");
			socket.onmessage = function(event) {
				var ta = document.getElementById('responseText');
				ta.value = ta.value + '\n' + event.data
			};
			socket.onopen = function(event) {
				var ta = document.getElementById('responseText');
				ta.value = "连接开启!";
			};
			socket.onclose = function(event) {
				var ta = document.getElementById('responseText');
				ta.value = ta.value + "连接被关闭";
			};
		} else {
			alert("你的浏览器不支持 WebSocket!");
		}

		function send(message) {
			if (!window.WebSocket) {
				return;
			}
			if (socket.readyState == WebSocket.OPEN) {
				socket.send(message);
			} else {
				alert("连接没有开启.");
			}
		}
展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部