fank243-study/index.html at master · fank243/fank243-study · GitHub

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
<!--
  ~ Copyright (c) 2024 Kong@杰少
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->

<!Doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WsScoket Test</title>
</head>

<body>
<div>
    <label>
        <input type="text" name="content" value="TEST">
        <button onclick="sendMsg()">发送消息</button>
    </label>
</div>

<script type="text/javascript">
let ws = new WebSocket("ws://localhost:1988/ws");

ws.onopen = function(){
   console.log("open");
    let data = {};
    data["fromUser"]="admin";
    data["msgType"]="login";
    data["message"]="msg";
    ws.send(JSON.stringify(data));
}
ws.onmessage = function(e){
　　console.log(e.data);
}
ws.onclose = function(e){
　　console.log("close");
}
ws.onerror = function(error){
　　console.log(error);
}

function sendMsg(){
   let msg =  document.getElementsByName("content")[0].value;
   let data = {};
   data["fromUser"]="admin";
   data["msgType"]="log";
   data["message"]=msg;
   ws.send(JSON.stringify(data));
}
</script>
</body>
</html>