/
websocketclient.html
38 lines (33 loc) · 1.17 KB
/
websocketclient.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
var webSocket = new WebSocket("ws://localhost:9000/something");
webSocket.onmessage = function(event) {
var divText = $("#websocketFeedback").html();
if(divText != null && divText.length > 0) {
divText = divText.concat(event.data).concat("<br/>");
} else {
divtTtext = divText.concat(event.data).concat("<br/>");
}
$("#websocketFeedback").html(divText);
}
$("#disconnectBtn").click(function() {
webSocket.close()
});
});
</script>
</head>
<body>
<div>
<div id="websocketFeedback" style="background-color:#fff0b2; color: #e68a00; width: 30em; height: 30em;
margin-bottom: 3em;">
</div>
<input type="button" value="Disconnect" id="disconnectBtn">
</div>
</body>
</html>