在客户端创建 web Socket 连接_web端如何构建topic 连接 csdn-CSDN博客

本文链接：https://blog.csdn.net/SpringFileld/article/details/41444925

本文介绍如何利用JavaScript创建WebSocket连接，并通过示例代码演示如何连接到服务器，接收和发送数据，实现客户端与服务器之间的实时通信。

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

在客户端可以通过 javascript 来创建 web Socket 并连接到服务器，客户端具体的代码如；

   <script src="jquery-1.8.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var ws;
        $("#ToggleConnection").click( function () {          
                try {
  		     
                    if ("WebSocket" in window) {
                    	ws = new WebSocket("ws://169.254.80.80:4141");//连接服务器
                    }
                    else if("MozWebSocket" in window) {
                    	ws = new MozWebSocket("ws://169.254.80.80:4141");
                    }
			if( ws){
			  ws.onopen = function(event){
	             alert("已经与服务器建立了连接\r\n当前连接状态："+this.readyState);
						
					};
					ws.onmessage = function(event){
	                                alert("接收到服务器发送的数据：\r\n"+event.data);

					};
					ws.onclose = function(event){
					
					alert("已经与服务器断开连接\r\n当前连接状态："+this.readyState);
					};
					ws.onerror = function(event){

					alert("WebSocket异常！");
					
					};
			}
                } catch (ex) {
                    alert(ex.message);      				
		    }
        });       
    </script>


   <button id='ToggleConnection' type="button" οnclick='SendData();'>发送我的名字：beston</button>