forked from clj-commons/aleph
/
websocket.html
51 lines (42 loc) · 1.22 KB
/
websocket.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
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
<head>
<title>WebSocket</title>
<script>
var socket;
function openWebSocket() {
if (window.WebSocket) {
socket = new WebSocket('ws://127.0.0.1:10000/socket?a=b&c=d');
socket.onopen = function(event) { alert('WebSocket open!'); };
socket.onclose = function(event) { alert('WebSocket closed'); };
socket.onmessage = function(event) { parse(event.data); };
} else {
alert('Your browser does not support WebSockets yet.');
}
}
function closeWebSocket() {
socket.close();
}
function $(id) {
return document.getElementById(id);
}
function send(message) {
if (!window.WebSocket) { return; }
if (socket.readyState == (WebSocket.OPEN || 1)) {
socket.send(message);
} else {
alert('The WebSocket is not open!');
}
}
function parse( response ) {
// parse response: json or xml, etc
$('out').innerHTML = response;
}
</script>
</head>
<body onload='openWebSocket()' onunload='closeWebSocket()'>
<INPUT type="button" value="Send" name="button1" onClick="send('check')">
<INPUT type="button" value="Close" name="button2" onClick="closeWebSocket()">
<div id='out'></div>
<!-- more html here -->
</body>
</html>