当前位置: 首页 > news >正文

Websock Demo(一)前端代码


<html>
<head>
  <meta charset="UTF-8">
  Netty WebSocket 时间服务器
</head>
<br/>
<body>
<br>
<script type="text/javascript">
  var socket;
  if (!window.WebSocket) {
    window.WebSocket = window.MozWebSocket;
  }
  if (window.WebSocket) {
  
    socket = new WebSocket("ws://ip:端口/base/websocket"); 
    socket.onmessage = function (event) {
      console.log("xxx" + event)
      var ta = document.getElementById('responseText');
      ta.value = ta.value + '\n' + event.data;
    };
    socket.onopen = function (event) {
      var ta = document.getElementById('responseText');
      ta.value = "打开WebSocket服务正常,浏览器支持WebSocket!";
    };
    socket.onclose = function (event) {
      var ta = document.getElementById('responseText');
      ta.value = "WebSocket 关闭!";
    }
  } else {
    alert("抱歉,您的浏览器不支持WebSocket协议!");
  }

  function send(message) {
    if (!window.WebSocket) {
      return;
    }
    if (socket.readyState == WebSocket.OPEN) {
      socket.send(message);
    }else {
      alert("WebSocket连接没有建立成功!");
    }
  }
</script>
<form οnsubmit="return false;">
 
  <input type="text" name="message" value="默认值">
  <br/><br/>
  <input type="button" value="发送WebSocket请求消息" οnclick="send(this.form.message.value)">
  <hr color="blue"/>
  <h3>服务端返回的应答消息</h3>
  <textarea id="responseText" style="width:500px; height: 300px;"></textarea>
</form>
</body>
</html>

相关文章:

  • 四步彻底卸载IDEA!!!
  • 小白爬虫——selenium入门超详细教程
  • 实验3 知识表示与推理
  • LabVIEW电能质量分析软件
  • 【学习笔记】Google的Lyra项目:基于神经网络的超低比特率语音编解码技术
  • MFC笔记:本专栏课件
  • 详解Tomcat下载安装以及IDEA配置Tomcat(2023最新)
  • 【NLP 24、实践 ⑤ 计算Bert模型中的参数数量】
  • stack,queue,priority_queue学习知识点
  • 《深度剖析Linux 系统 Shell 核心用法与原理_666》
  • 解决升级flutter 3.29.0 Gradle8.7后报错 Exception has occurred. MissingPluginException
  • 网络安全之Web后端PHP
  • 【GESP】C++二级模拟 luogu-b3995, [GESP 二级模拟] 小洛的田字矩阵
  • 【DBeaver】Oracle数据库连接报错:驱动程序 ‘Oracle‘ 的配置错误的解决办法
  • mysql基础知识
  • MFC学习笔记-1
  • 利用开源小智AI制作桌宠机器狗
  • Word(2010)排版技巧
  • 人工智能之不同数据类型及其特点梳理
  • Kafka面试题----Kafka是如何保证顺序消费的
  • 新华时评:让医德医风建设为健康中国护航
  • 恒生银行回应裁员传闻:受影响的员工数目占银行核心业务员工总数约1%
  • 今年前4个月上海对拉美国家进出口总值增长2%
  • 财政部党组召开2025年巡视工作会议暨第一轮巡视动员部署会
  • 国台办:80年前台湾重归中国版图,80年后不可能让台湾分裂出去
  • 多家中小银行存款利率迈入“1时代”