测试通信状态

最新推荐文章于 2023-01-05 23:58:10 发布

qq_41906870

最新推荐文章于 2023-01-05 23:58:10 发布

阅读量267

点赞数

分类专栏：数据测试文章标签： websocket

本文链接：https://blog.csdn.net/qq_41906870/article/details/118931215

版权

WebSocket JavaScript 服务器连接数据传输状态检查

关键词由CSDN通过智能技术生成

测试同时被 2 个专栏收录

25 篇文章 0 订阅

订阅专栏

数据

24 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
	var ws;
	function ToggleConnectionClicked() {          
		try {
                ws = new WebSocket("ws://127.0.0.1:1818/chat");//连接服务器		
                
                ws.onopen = function(event){alert("已经与服务器建立了连接\r\n当前连接状态："+this.readyState);};
            ws.onmessage = function (event) {
                alert("接收到服务器发送的数据：\r\n" + event.data);
                console.log(event.data);
            };
                ws.onclose = function(event){alert("已经与服务器断开连接\r\n当前连接状态："+this.readyState);};
                ws.onerror = function(event){alert("WebSocket异常！");};
            } catch (ex) {
            	alert(ex.message);      
            }
        };
        
        function SendData() {
        	try{
        		ws.send("beston");
        	}catch(ex){
        		alert(ex.message);
        	}
        };
        
        function seestate(){
        	alert(ws.readyState);
        }
        
    </script>
</head>
<body>
	<button id='ToggleConnection' type="button" onclick='ToggleConnectionClicked();'>连接服务器</button><br /><br />
	<button id='ToggleConnection' type="button" onclick='SendData();'>发送我的名字：beston</button><br /><br />
	<button id='ToggleConnection' type="button" onclick='seestate();'>查看状态</button><br /><br />
</body>
</html>