转移

2024-11-04 05:20:42 +08:00
parent e990473dcd
commit 07de4d5fd5
24 changed files with 1385 additions and 2 deletions
--- a/templates/websocket.html
+++ b/templates/websocket.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>WebSocket Demo</title>
+    </head>
+    <body>
+        <div>
+            <p>{{ task_list }}</p>
+            <button id="create_task">Create Task</button>
+        </div>
+        <h1>WebSocket Demo</h1>
+        <div id="message"></div>
+        <button id="create">Create WebSocket</button>
+        <button id="close">Close WebSocket</button>
+        <script>
+            function createWebSocket(id) {
+                var ws = new WebSocket("ws://localhost:5001/api/task/"+id);
+                ws.onmessage = function(event) {
+                    var message = event.data;
+                    document.getElementById("message").innerHTML += message + "<br>";
+                };
+                ws.onclose = function(event) {
+                    document.getElementById("message").innerHTML += "WebSocket closed";
+                };
+                return ws;
+            }
+            document.getElementById("create_task").onclick = function() {
+                fetch("/api/task", {
+                    method: "POST",
+                    headers: {
+                        "Content-Type": "application/json"
+                    },
+                    body: JSON.stringify({
+                        "name": "Task 1",
+                        "description": "Task 1 description"
+                    })
+                }).then(res => res.json()).then(data => {
+                    console.log(data)
+                    var ws = createWebSocket(data.id);
+                });
+            };
+        </script>
+    </body>
+</html>