64 lines
1.4 KiB
HTML
64 lines
1.4 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>Title</title>
|
|
</head>
|
|
<body>
|
|
<ul>
|
|
|
|
</ul>
|
|
<button>下一页</button>
|
|
</body>
|
|
<script src="./ajax.js"></script>
|
|
<script src="./utils.js"></script>
|
|
<script>
|
|
|
|
var page=0;
|
|
var totalpage=0;
|
|
function getIndexList(){
|
|
ajax.get(
|
|
{
|
|
url:'http://127.0.0.1:3000/api/json/classList',
|
|
data:{
|
|
id:245,
|
|
page:page
|
|
},
|
|
success:(res)=>{
|
|
totalpage=res.result.total_page
|
|
renderList(res.result)
|
|
},
|
|
error:(err)=>{
|
|
console.log(err)
|
|
},
|
|
|
|
}
|
|
)
|
|
}
|
|
function renderList(list){
|
|
list.data.forEach(v=>{
|
|
$("ul").innerHTML+=`
|
|
<li>
|
|
<a href="./info.html?id=${v.id}">
|
|
<img width="200px" src="${replace(v.preview)}" alt="">//preview是后端给的地址
|
|
<p>${v.title}</p>
|
|
</a>
|
|
</li>
|
|
|
|
`
|
|
})
|
|
}
|
|
getIndexList()
|
|
$("button").onclick=function (){
|
|
page+=1
|
|
if(page<=totalpage){
|
|
getIndexList()
|
|
}else {
|
|
alert("没有数据了=")
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</html> |