34 lines
1.3 KiB
HTML
34 lines
1.3 KiB
HTML
<!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> |