66 lines
1.2 KiB
HTML
66 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>详情</title>
|
|
</head>
|
|
<body>
|
|
|
|
<h2 class="title"></h2>
|
|
<p class="source"></p>
|
|
|
|
<ul>
|
|
<li>
|
|
<img src="" alt="">
|
|
<p></p>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<button>下一页</button>
|
|
|
|
</body>
|
|
<script src="ajax.js"></script>
|
|
<script>
|
|
var page = 1;
|
|
|
|
function getInfo() {
|
|
$ajax.get({
|
|
url: 'http://127.0.0.1:3000/api/json/info',
|
|
data: {
|
|
id: GetQueryString("id"),
|
|
page: page
|
|
},
|
|
success: function (res) {
|
|
console.log(res);
|
|
document.querySelector(".title").innerText = res.title
|
|
document.querySelector(".source").innerText = res.source
|
|
res.list.forEach((v)=>{
|
|
document.querySelector("ul").innerHTML +=
|
|
`
|
|
<li>
|
|
<img src="${v.src}" alt="">
|
|
<p>${v.title}</p>
|
|
</li>
|
|
`
|
|
})
|
|
}
|
|
})
|
|
}
|
|
|
|
document.querySelector("button").onclick = function () {
|
|
page+=1;
|
|
getInfo()
|
|
}
|
|
|
|
|
|
getInfo()
|
|
|
|
function GetQueryString(name) {
|
|
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
|
|
var r = window.location.search.substr(1).match(reg);
|
|
if(r!=null)return unescape(r[2]); return null;
|
|
}
|
|
|
|
</script>
|
|
</html> |