Java-2602 Check spring-websockets PR (#10002)
Co-authored-by: mikr <michael.krimgen@ximedes.com>
This commit is contained in:
parent
0acc6a25e1
commit
fdc36375ff
|
@ -2,63 +2,63 @@
|
|||
<head>
|
||||
<title>Chat WebSocket</title>
|
||||
|
||||
<script src="./js/sockjs-0.3.4.js"></script>
|
||||
<script src="./js/stomp.js"></script>
|
||||
<script src="resources/js/sockjs-0.3.4.js"></script>
|
||||
<script src="resources/js/stomp.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('/spring-mvc-java/chat');
|
||||
stompClient = Stomp.over(socket);
|
||||
|
||||
|
||||
var socket = new SockJS('/chat');
|
||||
stompClient = Stomp.over(socket);
|
||||
|
||||
stompClient.connect({}, function(frame) {
|
||||
|
||||
|
||||
setConnected(true);
|
||||
console.log('Connected: ' + frame);
|
||||
stompClient.subscribe('/topic/messages', function(messageOutput) {
|
||||
|
||||
|
||||
showMessageOutput(JSON.parse(messageOutput.body));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function disconnect() {
|
||||
|
||||
|
||||
if(stompClient != null) {
|
||||
stompClient.disconnect();
|
||||
}
|
||||
|
||||
|
||||
setConnected(false);
|
||||
console.log("Disconnected");
|
||||
}
|
||||
|
||||
|
||||
function sendMessage() {
|
||||
|
||||
|
||||
var from = document.getElementById('from').value;
|
||||
var text = document.getElementById('text').value;
|
||||
stompClient.send("/app/chat", {}, JSON.stringify({'from':from, 'text':text}));
|
||||
}
|
||||
|
||||
|
||||
function showMessageOutput(messageOutput) {
|
||||
|
||||
|
||||
var response = document.getElementById('response');
|
||||
var p = document.createElement('p');
|
||||
p.style.wordWrap = 'break-word';
|
||||
p.appendChild(document.createTextNode(messageOutput.from + ": " + messageOutput.text + " (" + messageOutput.time + ")"));
|
||||
response.appendChild(p);
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
Loading…
Reference in New Issue