在客户端创建 web Socket 连接

本文介绍如何利用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>




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值