JS websocket 使用

最新推荐文章于 2025-06-27 09:03:09 发布

weixin_34380781

最新推荐文章于 2025-06-27 09:03:09 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

文章标签：网络 python

原文链接：https://my.oschina.net/findurl/blog/2253165

本文详细介绍了如何使用JavaScript建立WebSocket连接，并实现与服务器的双向通信。包括连接建立、数据发送与接收、错误处理及断开连接等关键步骤。同时，针对不同浏览器的WebSocket兼容性进行了讨论。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

//建立连接
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("连接没有开启.");
			}
		}

转载于:https://my.oschina.net/findurl/blog/2253165