bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
历届学生/18课程/class18_2/项目/练习项目/王一鸣/ajax/page/ajax.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ajax</title>
</head>
<body>
<h2></h2>
<ul>
</ul>
</body>
<script src="../js/ajax.js"></script>
<script>
$ajax.get({
url:'http://127.0.0.1:3000/api/json/index',
data:{},
success:function(rel){
console.log(rel);
document.querySelector("h2").innerText = rel.model.title;
rel.recommended.list.forEach((value) => {
document.querySelector("ul").innerHTML += `
<li>
<a href="./info.html?id=${value.id}">
<img src="${value.preview}" alt="">
<p>${value.title}</p>
</a>
</li>
`
})
},
error:function(err){
console.error(err);
}
})
</script>
</html>

65
历届学生/18课程/class18_2/项目/练习项目/王一鸣/ajax/page/info.html Normal file
View File

@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2></h2>
<h4></h4>
<p class="title"></p>
<ul>
</ul>
<a href="#">下一页</a>
</body>
<script src="../js/ajax.js"></script>
<script>
var page = 1;
function getinfo(){
$ajax.get({
url:"http://127.0.0.1:3000/api/json/info",
data:{
page:page,
id:GetQueryString("id")
},
success:function(rel){
document.querySelector(".title").innerText = rel.title;
document.querySelector("h2").innerText = rel.info;
document.querySelector("h4").innerText = rel.source;
rel.list.forEach((value) => {
document.querySelector("ul").innerHTML += `
<li>
<span>${value.title}</span>
<img src="${value.src}" alt="">
</li>
`
})
},
error:function(err){
console.error(err);
}
})
console.log(page);
}
getinfo()
function nextbtn(){
page = page + 1;
getinfo()
}
function GetQueryString(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return decodeURI(r[2]); return null;
}
</script>
</html>