<%@ 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. 通过Redis、Memcache的 incr 原子操作防刷机制的使用差别

    我的版本如下: Redis:3.2.100 Memcache:1.4.4 最近在处理服务器压力测试的时候,想到一个方案,在一定时间段内限制用户访问次数.具体的实现就是通过redis的院子操作incre ...

  2. BZOJ3070 : [Pa2011]Prime prime power 质数的质数次方

    对于$a^b$,如果$b=2$,那么在$[\sqrt{n},\sqrt{n}+k\log k]$内必定能找到$k$个质数作为$a$. 筛出$n^{\frac{1}{4}}$内的所有质数,暴力枚举所有落 ...

  3. [Codeforces113C]Double Happiness(数论)

    题意 给定闭区间[l,r] [l,r] [l,r],找出区间内满足t=a2+b2 t=a^{2}+b^{2} t=a2+b2的所有素数t t t的个数( a,b a,b a,b为任意正整数). 思路 ...

  4. 沃尔夫勒姆自动机时空图输出 C语言实现

    #include <stdio.h> #include <stdlib.h> #include <time.h> #include <conio.h> ...

  5. 选择客栈 [NOIP 2011]

    这种题我还要发博客我真是太弱蒻了 Description 丽江河边有n 家很有特色的客栈,客栈按照其位置顺序从1 到n 编号.每家客栈都按照某一种色调进行装饰(总共k 种,用整数0 ~ k-1 表示) ...

  6. 通过pip安装python web

    提示 No module named 'utils' 我就pip install utils 提示 No module named 'db' 然后我就 pip install db 报错 No mod ...

  7. Pycharm安装pygame游戏库遇到的问题

    正常情况下: 点file-settings-project-project interprter 点右上角的+号,搜索pygame 点击下方 install Package即可 成功 第二种,如果提示 ...

  8. C/JS_二分法查找

    1. 二分法查找 前提: 数据是排好序的. 题设:给出一个有序arr,从中找出key,arr的区间是array[ low , higt]. 步骤: (1)mid=(low+high)/2 (2)arr ...

  9. 【Jenkins】新版本的特性：自定义流水线

    #!/usr/bin/env groovy pipeline { agent none stages { stage('stage-01') { agent { label 'master' } st ...

  10. JAVA中使用Log4j2日志和Lombok引入日志的方法

    一.简述 我们项目中既要使用lombok,又要使用log4j2时,使用日志将会更简单. 二.解决 1.引入依赖 <dependency> <groupId>org.apache ...