59 lines
1.2 KiB
HTML
59 lines
1.2 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>
|
|
<div class="info">
|
|
|
|
</div>
|
|
<button>下一页</button>
|
|
</body>
|
|
<script src="ajax.js"></script>
|
|
<script src="./utils.js"></script>
|
|
<script>
|
|
var id =location.search.split("=")[1];
|
|
var page=1;
|
|
var total_page=0;
|
|
console.log(id)
|
|
|
|
function GetInfo(){
|
|
ajax.get(
|
|
{
|
|
url:'http://127.0.0.1:3000/api/json/info',
|
|
data:{
|
|
id:id,
|
|
page:page
|
|
},
|
|
success:(res)=>{
|
|
total_page=res.result.total_page;
|
|
renderImg(res.result.data)
|
|
},
|
|
error:(err)=>{
|
|
console.log(err)
|
|
},
|
|
|
|
}
|
|
)
|
|
|
|
function renderImg(list){
|
|
console.log(list)
|
|
list.forEach(v =>{
|
|
$(".info").innerHTML+=`<img width="100%" src="${replace(v.src)}" alt="">`
|
|
})
|
|
}
|
|
$("button").onclick=function (){
|
|
page+=1
|
|
if(page<=total_page){
|
|
GetInfo()
|
|
}else {
|
|
alert("没有数据了=")
|
|
}
|
|
}
|
|
}
|
|
GetInfo()
|
|
</script>
|
|
</html> |