java websocket

 <%@ 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>  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值