48 lines
1.1 KiB
HTML
48 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
</head>
|
|
|
|
<body>
|
|
<h2>最新推荐</h2>
|
|
<ul></ul>
|
|
</body>
|
|
<script src="./ajax.js"></script>
|
|
<script>
|
|
function getIndex() {
|
|
ajax.get({
|
|
url: `http://127.0.0.1:3000/api/json/info`,
|
|
data: {},
|
|
|
|
success: (res) => {
|
|
console.log(res);
|
|
render(res)
|
|
},
|
|
error: (err) => {
|
|
console.log("请求出错：", err);
|
|
}
|
|
});
|
|
}
|
|
|
|
function render(result) {
|
|
result.recommended.data.forEach(v => {
|
|
document.querySelector("ul").innerHTML += `
|
|
<li>
|
|
<a href="./info.html?id=${v.id}">
|
|
<p>${v.title}</p>
|
|
<img src="${v.preview}" alt="">
|
|
</a>
|
|
|
|
</li>
|
|
`
|
|
});
|
|
}
|
|
getIndex()
|
|
</script>
|
|
|
|
</html> |