Advertisement
Guest User

Untitled

a guest
May 19th, 2016
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.30 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Hello WebSocket</title>
  5. <!-- <script src="sockjs-0.3.4.js"></script>
  6. <script src="stomp.js"></script>-->
  7. <script src="http://cdn.sockjs.org/sockjs-0.3.js"></script>
  8. <!--<script src="/stockticker/resources/stomp.js"></script>-->
  9. <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script>
  11. <script type="text/javascript">
  12. var stompClient = null;
  13.  
  14. function setConnected(connected) {
  15. document.getElementById('connect').disabled = connected;
  16. document.getElementById('disconnect').disabled = !connected;
  17. document.getElementById('conversationDiv').style.visibility = connected ? 'visible' : 'hidden';
  18. document.getElementById('response').innerHTML = '';
  19. }
  20.  
  21. function connect() {
  22. var socket = new SockJS('http://localhost:8080/learn-websockets-1/simplemessages?username=admin&password=admin');
  23.  
  24. stompClient = Stomp.over(socket);
  25.  
  26.  
  27. stompClient.connect({'admin','admin'}, function(frame) {
  28.  
  29. setConnected(true);
  30.  
  31. console.log('Connected: ' + frame);
  32. stompClient.subscribe('http://localhost:8080/learn-websockets-1/topic/simplemessagesresponse', function(greeting){
  33. alert("subscribed");
  34. showGreeting(JSON.parse(greeting.body).messageContent, false);
  35. });
  36. });
  37. }
  38.  
  39. function disconnect() {
  40. if (stompClient != null) {
  41. stompClient.disconnect();
  42. }
  43. setConnected(false);
  44. console.log("Disconnected");
  45. }
  46.  
  47. function sendName() {
  48. var name = document.getElementById('name').value;
  49. stompClient.send("/app/hello", {}, JSON.stringify({ 'message': name }));
  50. }
  51.  
  52. function showGreeting(message) {
  53. alert(message);
  54. var response = document.getElementById('response');
  55. var p = document.createElement('p');
  56. p.style.wordWrap = 'break-word';
  57. p.appendChild(document.createTextNode(message));
  58. response.appendChild(p);
  59. }
  60. </script>
  61. </head>
  62. <body onload="disconnect()">
  63. <noscript><h2 style="color: #ff0000">Seems your browser doesn't support Javascript! Websocket relies on Javascript being enabled. Please enable
  64. Javascript and reload this page!</h2></noscript>
  65. <div>
  66. <div>
  67. <button id="connect" onclick="connect();">Connect</button>
  68. <button id="disconnect" disabled="disabled" onclick="disconnect();">Disconnect</button>
  69. </div>
  70. <div id="conversationDiv">
  71. <label>What is your name?</label><input type="text" id="name" />
  72. <button id="sendName" onclick="sendName();">Send</button>
  73. <p id="response"></p>
  74. </div>
  75. </div>
  76. </body>
  77. </html>
  78.  
  79. Opening Web Socket...
  80. stomp.min.js:8 Web Socket Opened...
  81. stomp.min.js:8 >>> CONNECT
  82. accept-version:1.1,1.0
  83. heart-beat:10000,10000
  84.  
  85. <<< CONNECTED
  86. user-name:admin
  87. heart-beat:0,0
  88. version:1.1
  89.  
  90. Connected to server undefined
  91. (index):36 Connected: CONNECTED
  92. version:1.1
  93. heart-beat:0,0
  94. user-name:admin
  95.  
  96.  
  97. stomp.min.js:8 >>> SUBSCRIBE
  98. id:sub-0
  99. destination:http://localhost:8080/learn-websockets-
  100. 1/topic/simplemessagesresponse
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement