转载自博客园张果
package action;

import javax.websocket.CloseReason;

import javax.websocket.OnClose;

import javax.websocket.OnError;

import javax.websocket.OnMessage;

import javax.websocket.OnOpen;

import javax.websocket.Session;

import javax.websocket.server.PathParam;

import javax.websocket.server.ServerEndpoint;

//ws://127.0.0.1:8087/Demo1/ws/张三

@ServerEndpoint("/ws/{user}")

public class WSServer {

    private String currentUser;

    //连接打开时执行

    @OnOpen

    public void onOpen(@PathParam("user") String user, Session session) {

        currentUser = user;

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

    }

    //收到消息时执行

    @OnMessage

    public String onMessage(String message, Session session) {

        System.out.println(currentUser + "：" + message);

        return currentUser + "：" + message;

    }

    //连接关闭时执行

    @OnClose

    public void onClose(Session session, CloseReason closeReason) {

        System.out.println(String.format("Session %s closed because of %s", session.getId(), closeReason));

    }

    //连接错误时执行

    @OnError

    public void onError(Throwable t) {

        t.printStackTrace();

    }

}
<!DOCTYPE html>

<html>

    <head>

        <meta name="viewport" content="width=device-width" />

        <meta charset="UTF-8"/>

        <title>WebSocket客户端</title>

    </head>

    <body>

        <div>

            <input type="button" id="btnConnection" value="连接" />

            <input type="button" id="btnClose" value="关闭" />

            <input type="button" id="btnSend" value="发送" />

        </div>

        <script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">

            $(function() {

                var socket;

                if(typeof(WebSocket) == "undefined") {

                    alert("您的浏览器不支持WebSocket");

                    return;

                }

                $("#btnConnection").click(function() {

                    //实现化WebSocket对象，指定要连接的服务器地址与端口

                    socket = new WebSocket("ws://127.0.0.1:8087/WebSocketServer/ws/张三");

                    //打开事件

                    socket.onopen = function() {

                        alert("Socket 已打开");

                        //socket.send("这是来自客户端的消息" + location.href + new Date());

                    };

                    //获得消息事件

                    socket.onmessage = function(msg) {

                        alert(msg.data);

                    };

                    //关闭事件

                    socket.onclose = function() {

                        alert("Socket已关闭");

                    };

                    //发生了错误事件

                    socket.onerror = function() {

                        alert("发生了错误");

                    }

                });

                $("#btnSend").click(function() {

                    socket.send("这是来自客户端的消息" + location.href + new Date());

                });

                $("#btnClose").click(function() {

                    socket.close();

                });

            });

        </script>

    </body>

</html>

原文地址:http://www.cnblogs.com/best/p/5695570.html

(网页)websocket例子的更多相关文章

  1. (网页)websocket后台调用Service层

    百度论坛里面有很多好的方法,借鉴. 重点:因为项目是StringBoot所以我用的是下面的方法很好使: Service.... service = (Service....) ContextLoade ...

  2. nodejs写的一个网页爬虫例子（坏链率）

    因为工作需要,用nodejs写了个简单的爬虫例子,之前也没用过nodejs,连搭环境加写大概用了5天左右,so...要多简陋有多简陋,放这里给以后的自己看~~ 整体需求是:给一个有效的URL地址,返回 ...

  3. node.js中ws模块创建服务端和客户端，网页WebSocket客户端

    首先下载websocket模块,命令行输入 npm install ws 1.node.js中ws模块创建服务端 // 加载node上websocket模块 ws; var ws = require( ...

  4. golang gorilla websocket例子

    WebSocket协议是基于TCP的一种新的网络协议.它实现了浏览器与服务器全双工(full-duplex)通信--允许服务器主动发送信息给客户端. WebSocket通信协议于2011年被IETF定 ...

  5. 带ssl的websocket例子

    还是在那个websocket_demo的例子 rebar-creator create-app websocket_demo tree一下看看大概目录 ├── cert │   ├── cowboy- ...

  6. Springboot WebSocket例子

    Springboot整合WebSocket 1.application.properties #设置服务端口号 server.port=8080 #thymeleaf配置 #是否启用模板缓存. spr ...

  7. 基于netty的websocket例子

    nettyServer package com.atguigu.netty.websocket; import javax.annotation.PostConstruct; import org.s ...

  8. erlang的websocket例子

    创建工程 rebar-creator create-app websocket_demo 文件列表 route_helper.erl -module(route_helper). -export([g ...

  9. 简单的使用httpclient读取网页html例子

    public void clientPost(String url) {  /* 1 生成 HttpClinet 对象并设置参数*/    HttpClient httpClient=new Http ...

随机推荐

  1. CentOS7 安装中文输入法

    CentOS7输入中文,打开终端,使用管理员权限 su 输入管理员密码,回车 输入 yum install  ibus-libpinyin 回车,耐心等待安装完,然后重启系统 重启完后再进行前面的步骤 ...

  2. [疑难杂症]__当你的Cortana搜索无法使用,显示纯白界面(ps:已解决).

    前言 这个问题是在前不久解决关于我电脑点击屏幕上方快捷方式不久后出现的问题,之前并没有出现过这样的错误,但因为使用到的情况比较少,就一直没有去解决,但在一点时间后,发现没有Cortana搜索栏还是十分 ...

  3. 我在Fackbook的这三年[转]

    本周开始是我在Facebook的第四个年头.我的经验在这里发生了巨大的变化:退学后我就来到了这里,在这里遇到了前所未有的挑战.单从这方面讲,我经历和遇到的挑战比这里4/5的人都要多.所以,我想分享一些 ...

  4. Net使用RdKafka引发异常RdKafka.Internal.LibRdKafka 的类型初始值设定项引发异常

    在Net中VS2015用RdKafka组件开发消息发布和消费,引发下面的异常 RdKafka.Internal.LibRdKafka 的类型初始值设定项引发异常System.TypeInitializ ...

  5. kafka配置项host.name advertised.host.name

    遇到的问题: 在本机或者其他机器telnet IP 9092,通,使用域名也通,telnet 127.0.0.1 9092不通 host.name:按配置文件说明,是Kafka绑定的interface ...

  6. 【Vue.js】vue引入组件报错：该组件未注册？

    [Vue warn]: Unknown custom element: <QuestionnaireOption> - did you register the component cor ...

  7. com.mysql.jdbc.Driver 和 com.mysql.cj.jdbc.Driver

    com.mysql.jdbc.Driver 是 mysql-connector-java 5中的,com.mysql.cj.jdbc.Driver 是 mysql-connector-java 6中的 ...

  8. Jenkins入门之新建任务

    简单了解了Jenkins界面之后,下面我们简单介绍一下如何使用jenkins创建一个任务.打开Jenkins web管理界面之后,点击左侧最上方的NewItem图标 便会进入如下界面 产生要输入一个构 ...

  9. 【测试工程师面试】在BOSS直聘上和面试官的一问一答

    岗位描述: 信用卡核心系统功能测试,负责测试计划制定,测试设计,测试执行,测试进度掌控,自动化工具建设等工作.有责任心,执行力强,工作认真细致,逻辑思维强熟悉linux,oracle或者IBM大型机操 ...

  10. Perl文件句柄相关常量变量

    文件句柄相关变量 对应的官方手册:http://perldoc.perl.org/perlvar.html#Variables-related-to-filehandles 默认情况下: $/:输入行 ...