<%@ 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. error :expected initializer before

    很可能头文件或者前面的某个定义少了个:

  2. ab测试工具

    我们可以模拟100个并发用户,对一个页面发送1000个请求 输入命令:ab -n1000 -c100 http://www.jb51.net/ 结果: ##首先是apache的版本信息 This is ...

  3. Android AsyncTask将讲解

    原型:AsyncTask<Params, Progress, Result> Params 表示传入参数类型 Progress表示处理参数类型 Result表示返回类型 new Async ...

  4. TFS 安装 扩展包

    TFS 2015以后的版本支持安装扩展插件,我们可以自己开发插件,也可以从市场上下载. 市场地址为:http://go.microsoft.com/fwlink/?LinkId=722825& ...

  5. redis的主从服务器配置

    1. redis的主从配置: (1)把redis的配置文件(reids.conf)拷贝2份 [root@192 redis]# cp redis.conf redis6380.conf [root@1 ...

  6. 改变下blog思维

    自言自语 总是希望我写出来的东西都是精品或者尽我的努力使其接近精品,所以写一个就会消耗不少时间. 但是进来实在太忙,就没办法写:以至于断更了一大段时间.所以从现在开始记录一些很简小的东西直到我又开始有 ...

  7. jmeter接口测试实例7-关联

    Jmeter实例7:关联(牛刀小试中登录.金币充值接口) 必须从网上下载这个插件放在lib的ext目录下才可以用,在登录接口添加此插件 Sign是变量名,其实就是下一步充值金币要取的值:路径是从哪里取 ...

  8. Linux命令第三篇

    作业三: 以操作文件的方式,新建一个用户alex echo "alex:x:1200:1200::/home/alex/:/bin/bash" >> /etc/pass ...

  9. JS_高程2.在HTML中使用Javascript（1）

    1.使用<script>元素向HTML页面中插入Javascript HTML4.01中<script>标签有6个属性: (1)async:可选.表示立即下载脚本,不影响页面中 ...

  10. JAVA自学笔记14

    JAVA自学笔记14 1.正则表达式 1)是指一个用来描述或者匹配一系列符合某个句法规则的字符串的单个字符串.其实就是一种规则.有自己的特殊应用 2)组成规则: 规则字符在java.util.rege ...