<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>WebSocket示例</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="description" content="This is my page">

  </head>

  <body>

      <button onclick="subOpen();">open</button><br/>

      <input type="text" name="msg" id="msg"><br/>

      <button onclick="send();">发送</button>

      <div id="div"></div>

  </body>

  <script type="text/javascript">

      var ws; // 就是一个通信管道

      var target = "ws://localhost:8080/WebsocketTest/echo";//服务端的url，注意以ws开头

      function subOpen(){

          //三个判断用于获取ws通信管道（浏览器兼容）

          if('WebSocket' in window){

              ws = new WebSocket(target);

          }else if('MozWebSocket' in window){

              ws = new MozMozWebSocket(target);

          }else{

              alert("WebSocket is not supported by this browse");

              return;

          }

          //ws.onopen = function(){}  链接开启会执行方法

          //ws.onclose = function(){}  断开连接会执行方法

          //以上两个实际用处并不多，主要是下面的

          //服务器又信息返回就执行方法

          ws.onmessage=function(event){

              //服务端一返回内容，就把该内容放到div标签当中

              document.getElementById("div").innerHTML = event.data;

              //方便在控制台查看返回内容的具体信息

              console.info(event);

          };

      };

      function send(){

          //点击发送按钮就把输入框里的内容发送给服务器，并把输入框的内容清空

          var msg = document.getElementById("msg").value;

          ws.send(msg);

          document.getElementById("msg").value = "";

      };

  </script>

</html>


package Test;

import javax.websocket.OnClose;

import javax.websocket.OnError;

import javax.websocket.CloseReason;

import javax.websocket.EndpointConfig;

import javax.websocket.OnMessage;

import javax.websocket.OnOpen;

import javax.websocket.Session;

import javax.websocket.server.ServerEndpoint;

//注解规定了访问的URL

@ServerEndpoint("/echo")

public class EchoSocket {

    /**

     * 客户端有连接的时候就会调用这个方法

     */

    @OnOpen

    public void open(Session session, EndpointConfig config){

        System.out.println(session.getId()+"#############");

    }

    /**

     * 客户端连接断开就会调用此方法

     */

    @OnClose

    public void close(Session session,CloseReason reason){

        System.out.println(session.getId() + "连接关闭了");

    }

    /**

     * 接收到客户端的信息

     * @param msg

     * @param last

     */

    @OnMessage

    public void message(Session session,boolean last,String msg){

        System.out.println("客户端说" + msg);

        try {

            session.getBasicRemote().sendText("ni hao too");

            Thread.sleep(3000);//三秒后再发送一条信息，用于验证是否实现数据实时更新

            session.getBasicRemote().sendText("ni hao too twice");

        } catch (Exception e) {

            // TODO Auto-generated catch block

            e.printStackTrace();

        }

    }

     /**

     *错误监听（当没有关闭socket连接就关闭浏览器会异常）

     */

      @OnError

      public void error(Session session, Throwable error){

           String id = session.getId();

           System.out.println("出错的session的id是" + id);

      }

public EchoSocket(){

        System.out.println("Socket对象创建");

        //通过对象的创建可以知道不同socket之间的通信不会共享成员变量

    }

}

websocket Tomcat JSP Demo的更多相关文章

  1. Windows下Apache+Tomcat+jsp+php的服务器整合配置经验总结

    对于Apache+Tomcat+jsp+php的整合,针对不同的Tomcat和apache的版本,稍微有些区别. 一.所需软件 (1)JDK: jdk-7u15-windows-x64.exejdk的 ...

  2. （总结）CentOS 6.x使用yum快速安装Apache+PHP+Tomcat(JSP)+MySQL

    (总结)CentOS 6.x使用yum快速安装Apache+PHP+Tomcat(JSP)+MySQL PS:这个是懒人yum快速安装法,用于开发和测试环境很方便,用于没有特殊要求的生产环境也可以.特 ...

  3. 基于websocket vue 聊天demo 解决方案

    基于websocket vue 聊天demo 解决方案 demo 背景 电商后台管理的客服 相关技术 vuex axios vue websocket 聊天几种模型 一对一模型 一对一 消息只一个客户 ...

  4. tomcat/jsp/servlet版本关系

    Servlet Spec JSP Spec EL Spec WebSocket Spec JASPIC Spec Apache Tomcat version Actual release revisi ...

  5. 【IDEA 2016】intellij idea tomcat jsp 热部署

    刚开始用IDEA,落伍的我,只是觉得IDEA好看.可以换界面.想法如此的low. 真是不太会用啊,弄好了tomcat.程序启动竟然改动一下就要重启,JSP页面也一样. IDEA可以配置热部署,打开to ...

  6. Tomcat JSP提交参数中文乱码问题解决

    参考: http://blog.csdn.net/error_case/article/details/8250209 中文乱码是个老生常谈的问题,一般情况下,只要保证页面,web服务器,数据库的编码 ...

  7. Tomcat/JSP中文编码配置

    来源:http://blog.csdn.net/zhangzikui/article/details/6169978         http://www.iteye.com/topic/300656 ...

  8. CentOS 5.5 Nginx+JDK+MySQL+Tomcat(jsp)成功安装案例

    在CentOS 5.5中安装Nginx+jdk+mysql+tomcat是非常容易的.只需yum安装环境包和nginx.解压安装jdk和tomcat.配置profile文件.server.xml和ng ...

  9. 基于websocket的jsp与java进行交互

    环境:jdk.18   tomcat-7.0.70 把tomcat中的 两个jir包复制到 注意:最后部署的时候要删除掉这两个jar包 tomcate中已经有了 ebSocket对象的创建和服务器连接 ...

随机推荐

  1. C++程序设计方法4:类模板

    类模板 在定义类时也可以将一些类型抽象出来,用模板参数来替换,从而使类更具有通用性.这种类被称为模板类,例如: template <typename T> class A { T data ...

  2. 文件处理（如果文件存在则追加，不存在则生成多级文件夹以及txt目录）

    public static void writeFile(String path,String fileName,String content) throws IOException { File f ...

  3. 将Django部署到Linux

    https://cloud.tencent.com/developer/labs/lab/10372

  4. spring boot ${}占位符不起作用

    问题:在 pom.xml 文件里定义好属性标签,然后在 properties或者xml 中使用${key}引用,打包之后就会自动替换掉. 但是在使用 spring boot 后发现,@可以替换,但是$ ...

  5. HTTP协议2

    一．响应协议 格式: (1)响应首行:HTTP协议版本,不可默认 (2)响应头信息:可以默认 响应内容是由服务器发送给浏览器的内容,浏览器会根据响应内容来显示 (3)空行: (4)响应体: 响应内容是 ...

  6. GMA Round 1 年货

    传送门 年货 三角形的年货有没有见过啊?(如下图所示,图中共有12层小三角形,共计144个) 啊,不,这不是真正的年货,真正的年货是正六边形的!(这是什么设定?) 总之,麻烦你在图中找出顶点在三角形格 ...

  7. CSS关键词的值-currentColor关键字提示文字(当前颜色)

    currentColor关键字 currentColor关键字相当于一个CSS变量. currentColor关键字与CSS变量也是有区别的: (1)他只可以能接受<color>值的地方使 ...

  8. C# Xamarin移动开发基础进修篇

    一.课程介绍 英文原文:C# is the best language for mobile app development. Anything you can do in Objective-C, ...

  9. C#多线程技术提高RabbitMQ消费吞吐率

    一.课程介绍 本次分享课程属于<C#高级编程实战技能开发宝典课程系列>中的第二部分,阿笨后续会计划将实际项目中的一些比较实用的关于C#高级编程的技巧分享出来给大家进行学习,不断的收集.整理 ...

  10. canvas/CSS仪表盘效果

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...