<script src="http://cdn.sockjs.org/sockjs-0.3.min.js"></script>
    <script src="/scripts/stomp.min.js"></script>
    <script>
        window.onload = function() {
                
            var url     = 'http://127.0.0.1:15674/stomp',
                queue   = '/topic/TEST',
                stomp   = false,
                subs    = false;

            var onConnect = function() {                    
                    subs = stomp.subscribe(queue, onMessage, {});
                    console.log('You are connected!');                    
                },
                onError = function() {
                    console.log('You have an error!');
                },
                onDisconnect = function() {
                    if(subs) {subs.unsubscribe();}                    
                    console.log('See you next time!');
                },
                onMessage = function(msg) {    
                    if(msg.body) {
                        console.log('Got message with body: ' + msg.body)
                    } else {
                        console.log('Got empty message');
                    }
                };

            var btnConnect      = document.getElementById('connect'),
                btnDisconnect   = document.getElementById('disconnect'),
                btnSend         = document.getElementById('send');;
           
            btnConnect.onclick = function() {
                stomp = Stomp.over(new SockJS(url));
                //stomp.debug = false;                
                stomp.connect('guest', 'guest', onConnect, onError, '/');                
            };
            
            btnDisconnect.onclick = function() {
                if(stomp) {stomp.disconnect(onDisconnect);}
            };
            
            btnSend.onclick = function() {
                var msg = encodeURIComponent('Привет');
                if(stomp) {stomp.send(queue, {}, msg);}
            };
            
        };
    </script>