侧边栏壁纸
博主头像
高大北博主等级

所有的再见中,我最喜欢明天见

  • 累计撰写 208 篇文章
  • 累计创建 151 个标签
  • 累计收到 20 条评论
标签搜索

目 录CONTENT

文章目录

netty前端demo

高大北
2022-04-26 / 0 评论 / 13 点赞 / 264 阅读 / 1,187 字 / 正在检测是否收录...
	<div>发送消息:</div>
	<input type="text" id="msgContent"/>
	<input type="button" value="点我发送" onclick="CHAT.chat()"/>
	
	<div>接受消息:</div>
	<div id="receiveMsg" style="background-color: gainsboro;"></div>
	
	<script type="application/javascript">
		
		window.CHAT = {
			socket: null,
			init: function() {
				if (window.WebSocket) {
					CHAT.socket = new WebSocket("ws://127.0.0.1:8088/ws");
					CHAT.socket.onopen = function() {
						console.log("连接建立成功...");
						//建立链接成功先发送信息,登录
						var data="{\"addr\":\"12345\"}";
						CHAT.socket.send(data);
					},
					CHAT.socket.onclose = function() {
						console.log("连接关闭...");
					},
					CHAT.socket.onerror = function() {
						console.log("发生错误...");
					},
					CHAT.socket.onmessage = function(e) {
						console.log("接受到消息:" + e.data);
						var receiveMsg = document.getElementById("receiveMsg");
						var html = receiveMsg.innerHTML;
						receiveMsg.innerHTML = html + "<br/>" + e.data;
					}
				} else {
					alert("浏览器不支持websocket协议...");
				}
			},
			chat: function() {
				var msg = document.getElementById("msgContent");
				CHAT.socket.send(msg.value);
			}
		};
		CHAT.init();
	</script>
</body>
13

评论区