zoukankan      html  css  js  c++  java
  • (网页)websocket例子

    转载自博客园张果
    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

  • 相关阅读:
    ZooKeeper实践:(1)集群管理
    删除重复数据只保留一条
    查询sqlserver 大小写
    字段按位数自动加空格
    批量更新数据遍历数据
    测试端口号是否开通
    收缩数据库
    插入ID=-1 的数据
    查询重复语句,多表查询
    oracle数据查询时间
  • 原文地址:https://www.cnblogs.com/historylyt/p/8127188.html
Copyright © 2011-2022 走看看