初步加入腳色清單

2023-06-21 16:07:39 +08:00
parent 7934f7dd4c
commit 109db1356b
3 changed files with 92 additions and 2 deletions
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="zh-TW" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>所有角色</title>
+</head>
+<body>
+    <div id="result"></div>
+    <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
+    <script language="javascript" type="text/javascript">
+        // 发送登录请求
+        axios.get('http://127.0.0.1:8080/api/v1/characters')
+        .then(function(response) {
+            const data = response.data;
+            const resultElement = document.getElementById('result');
+            var htmlText = "";
+            for (let i = 0; i < data.length; i++) {
+                htmlText += "<tr><td>"+ data[i].name +"</td><td><img src=\"http://127.0.0.1:8080" + data[i].imgSrc + "\" width=\"64\" height=\"64\"></td></tr>";
+            }
+            resultElement.innerHTML = "<table>" + htmlText + "</table>";
+            console.log("Data: ", data);
+        })
+        .catch(function(error) {
+            const message = error.response.data.message;
+            alert('資料取得失敗');
+            //console.error('登入失敗:', error);
+        });
+    </script>
+
+</body>
+</html>