HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了webSocket 入门demo大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

java:

package webSocket;


import javax.websocket.OnClose;

import javax.websocket.OnMessage;

import javax.websocket.OnOpen;

import javax.websocket.Session;

import javax.websocket.server.PathParam;

import javax.websocket.server.ServerEndpoint;


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

public class WebSocketTest {


@OnMessage

public void onMessage(String message,Session session,@PathParam(value = "user")String user){

try {

System.err.println("session.getRequestParameterMap()>>"+session.getRequestParameterMap());

System.err.println("user>>>>>>>>>>>>>>>>"+user);

// Print the client message for testing purposes

System.out.println("Received: " + message);


// Send the first message to the client

session.getBasicRemote().sendText("This is the first server message");


// Send 3 messages to the client every 5 seconds

int sentMessages = 0;

while (sentMessages < 30) {

Thread.sleep(5000);

session.getBasicRemote().sendText("This is an intermediate server message. Count: " + sentMessages++);

}


// Send a final message to the client

session.getBasicRemote().sendText("This is the last server message");

} catch (Exception e) {

e.printStackTrace();

}

}

@OnOpen

public void onopen() {

System.out.println("Client connected");

}


@OnClose

public void onClose() {

System.out.println("Connection closed");

}

}


备注:

1、上面这种方式类似于servlet,不需要main方法, 只需要url中写明就可以访问到

2、上面中的引入类我这里是tomcat7提供的,而不是java7 引入的

 

新建一个html页面,从前端发送请求

  1. <!DOCTYPE html>  

  2. <htmlheadtitle>Testing websockets</body>  

  3.     div>  

  4.         input type="submit" value="Start" onclick="start()" />  

  5.     div id="messages">script type="text/javascript">  

  6.         var webSocket =  new WebSocket('ws://localhost:8080/a/websocket');  

  7.   

  8.         webSocket.onerror = function(event) {  

  9.             onError(event)  

  10.         };  

  11.   

  12.         webSocket.onopen = function(event) {  

  13.             onOpen(event)  

  14.         };  

  15.   

  16.         webSocket.onmessage = function(event) {  

  17.             onMessage(event)  

  18.         };  

  19.   

  20.         function onMessage(event) {  

  21.             document.getElementById('messages').innerHTML   

  22.                 += 'br />' + event.data;  

  23.         }  

  24.   

  25.         function onOpen(event) {  

  26.             document.getElementById('messages').innerHTML   

  27.                 = 'Connection established';  

  28.         }  

  29.   

  30.         function onError(event) {  

  31.             alert(event.data);  

  32.             alert("error");  

  33.         }  

  34.   

  35.         function start() {  

  36.             webSocket.send('hello');  

  37.             return false;  

  38.         }  

  39.     script>  

  40. @H_883_502@


    IE是要在IE10才支持,websocket是  HTML5的一个新特性。

大佬总结

以上是大佬教程为你收集整理的webSocket 入门demo全部内容,希望文章能够帮你解决webSocket 入门demo所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: