随意开发一个websocket通信DEMO

前端大伟

于 2020-09-18 11:13:18 发布

阅读量276

点赞数

CC 4.0 BY-SA版权

分类专栏：代码分享

本文链接：https://blog.youkuaiyun.com/sake_pipi/article/details/108661516

本文提供了一个使用WebSocket连接免费测试服务的示例，通过HeartBeat保持连接，并分享了相关HTML和JS源码。

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

随意开发一个websocket通信DEMO

示例：

连接一个免费的ws测试服务来演示此项功能，HeartBeat为心跳连接

ws://123.207.136.134:9010/ajaxchattest

希望各位小伙伴多多点赞收藏转发

源码给上：

HTML

        <div>
			<h1>WebSocket 通信</h1>
			<div>
				<div>
					<textarea rows="6" id="sendMsg" style="width: 100%;"></textarea>
				</div>
				<div>
					<div>
						<button type="button" onkeydown="sendMsg()" onclick="sendMsg()">发送</button>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col">
					<div></div>
					<div>
						<div id="chartRoom">
							<p>本机发送消息：<span id="receivedMsg"></span></p>
							<p>服务器返回消息：<span id="getMsg"></span></p>
							<