-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathecho.html
68 lines (50 loc) · 1.65 KB
/
echo.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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<html ng-app="app">
<head>
<script type="text/javascript">
var myWebSocket;
function connectToWS() {
var endpoint = document.getElementById("endpoint").value;
if (myWebSocket !== undefined) {
myWebSocket.close()
}
myWebSocket = new WebSocket(endpoint);
myWebSocket.onmessage = function(event) {
var leng;
if (event.data.size === undefined) {
leng = event.data.length
} else {
leng = event.data.size
}
console.log("onmessage. size: " + leng + ", content: " + event.data);
}
myWebSocket.onopen = function(evt) {
console.log("onopen.");
};
myWebSocket.onclose = function(evt) {
console.log("onclose.");
};
myWebSocket.onerror = function(evt) {
console.log("Error!");
};
}
function sendMsg() {
var message = document.getElementById("myMessage").value;
myWebSocket.send(message);
}
function closeConn() {
myWebSocket.close();
}
</script>
</head>
<body>
<form>
connection to: <input type="text" id="endpoint" name="endpoint" value="ws://echo.websocket.org" style="width: 200px" ><br>
</form>
<input type="button" onclick="connectToWS()" value="connect to WebSocket endpoint" /><br><br>
<form>
message: <input type="text" id="myMessage" name="myMessage" value="hi there!"><br>
</form>
<input type="button" onclick="sendMsg()" value="Send message" />
<input type="button" onclick="closeConn()" value="Close connection" />
</body>
</html>