Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Hello WebSocket</title>
- <!-- <script src="sockjs-0.3.4.js"></script>
- <script src="stomp.js"></script>-->
- <script src="http://cdn.sockjs.org/sockjs-0.3.js"></script>
- <!--<script src="/stockticker/resources/stomp.js"></script>-->
- <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js"></script>
- <script type="text/javascript">
- var stompClient = null;
- function setConnected(connected) {
- document.getElementById('connect').disabled = connected;
- document.getElementById('disconnect').disabled = !connected;
- document.getElementById('conversationDiv').style.visibility = connected ? 'visible' : 'hidden';
- document.getElementById('response').innerHTML = '';
- }
- function connect() {
- var socket = new SockJS('http://localhost:8080/learn-websockets-1/simplemessages?username=admin&password=admin');
- stompClient = Stomp.over(socket);
- stompClient.connect({'admin','admin'}, function(frame) {
- setConnected(true);
- console.log('Connected: ' + frame);
- stompClient.subscribe('http://localhost:8080/learn-websockets-1/topic/simplemessagesresponse', function(greeting){
- alert("subscribed");
- showGreeting(JSON.parse(greeting.body).messageContent, false);
- });
- });
- }
- function disconnect() {
- if (stompClient != null) {
- stompClient.disconnect();
- }
- setConnected(false);
- console.log("Disconnected");
- }
- function sendName() {
- var name = document.getElementById('name').value;
- stompClient.send("/app/hello", {}, JSON.stringify({ 'message': name }));
- }
- function showGreeting(message) {
- alert(message);
- var response = document.getElementById('response');
- var p = document.createElement('p');
- p.style.wordWrap = 'break-word';
- p.appendChild(document.createTextNode(message));
- response.appendChild(p);
- }
- </script>
- </head>
- <body onload="disconnect()">
- <noscript><h2 style="color: #ff0000">Seems your browser doesn't support Javascript! Websocket relies on Javascript being enabled. Please enable
- Javascript and reload this page!</h2></noscript>
- <div>
- <div>
- <button id="connect" onclick="connect();">Connect</button>
- <button id="disconnect" disabled="disabled" onclick="disconnect();">Disconnect</button>
- </div>
- <div id="conversationDiv">
- <label>What is your name?</label><input type="text" id="name" />
- <button id="sendName" onclick="sendName();">Send</button>
- <p id="response"></p>
- </div>
- </div>
- </body>
- </html>
- Opening Web Socket...
- stomp.min.js:8 Web Socket Opened...
- stomp.min.js:8 >>> CONNECT
- accept-version:1.1,1.0
- heart-beat:10000,10000
- <<< CONNECTED
- user-name:admin
- heart-beat:0,0
- version:1.1
- Connected to server undefined
- (index):36 Connected: CONNECTED
- version:1.1
- heart-beat:0,0
- user-name:admin
- stomp.min.js:8 >>> SUBSCRIBE
- id:sub-0
- destination:http://localhost:8080/learn-websockets-
- 1/topic/simplemessagesresponse
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement