java websocket

最新推荐文章于 2024-09-05 03:47:41 发布

学无止境one

最新推荐文章于 2024-09-05 03:47:41 发布

阅读量641

点赞数

分类专栏： java web

本文链接：https://blog.csdn.net/srx942173347/article/details/50607353

版权

java web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
  
<!DOCTYPE HTML> 
<html> 
  <head> 
    <base href="<%=basePath%>"> 
    <title>My WebSocket</title> 
  </head> 
    
  <body> 
    Welcome<br/> 
    <input id="text" type="text" /><button οnclick="send()">Send</button>    <button οnclick="closeWebSocket()">Close</button> 
    <div id="message"> 
    </div> 
  </body> 
    
  <script type="text/javascript"> 
      var websocket = null; 
        
      //判断当前浏览器是否支持WebSocket 
      if('WebSocket' in window){ 
          websocket = new WebSocket("ws://localhost:8888/testWebsocket/websocket"); 
      } 
      else{ 
          alert('Not support websocket'); 
      } 
        
      //连接发生错误的回调方法 
      websocket.onerror = function(){ 
          setMessageInnerHTML("error"); 
      }; 
        
      //连接成功建立的回调方法 
      websocket.onopen = function(event){ 
          setMessageInnerHTML("open"); 
      } 
        
      //接收到消息的回调方法 
      websocket.onmessage = function(){ 
          setMessageInnerHTML(event.data); 
      } 
        
      //连接关闭的回调方法 
      websocket.onclose = function(){ 
          setMessageInnerHTML("close"); 
      } 
        
      //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。 
      window.onbeforeunload = function(){ 
          websocket.close(); 
      } 
        
      //将消息显示在网页上 
      function setMessageInnerHTML(innerHTML){ 
          document.getElementById('message').innerHTML += innerHTML + '<br/>'; 
      } 
        
      //关闭连接 
      function closeWebSocket(){ 
          websocket.close(); 
      } 
        
      //发送消息 
      function send(){ 
          var message = document.getElementById('text').value; 
          websocket.send(message); 
      } 
  </script> 
</html>