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

61
历届学生/18课程/class18_2/项目/上课项目/首页到详情/ajax.js Normal file
View File

@@ -0,0 +1,61 @@
(function (){
class Ajax {
constructor() {
this.ajax = new XMLHttpRequest();
}
get(option) {
var params = ""
for(var key in option.data) {
params+= `&${key}=${option.data[key]}`
}
params = params.replace("&", "?")
option.url = option.url + params
this.ajax.open("GET", option.url)
this.ajax.send()
this.readystatechange(option.success, option.error && option.error)
}
post(option) {
this.ajax.open("POST", option.url)
this.ajax.setRequestHeader("Content-Type","application/json")
this.ajax.send(JSON.stringify(option.data))
this.readystatechange(option.success, option.error && option.error)
}
readystatechange(success,error) {
this.ajax.onreadystatechange = () => {
if (this.ajax.readyState == 4) {
if (this.ajax.status == 200) {
var result = typeof this.ajax.responseText == "string"
? JSON.parse(this.ajax.responseText)
: this.ajax.responseText;
switch (result.status) {
case 200:
success(result.data)
break;
case 500:
error(result.msg)
break;
default:
}
} else {
error("请求出错")
}
}
}
}
}
window.$ajax = new Ajax()
})()

53
历届学生/18课程/class18_2/项目/上课项目/首页到详情/index.html Normal file
View File

@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
<ul>
</ul>
</body>
<script src="ajax.js"></script>
<script>
$ajax.get({
url: 'http://127.0.0.1:3000/api/json/index',
data: {},
success: function (res) {
console.log(res);
res.newest.list.forEach(function (v) {
document.querySelector("ul").innerHTML +=
`
<li>
<a href="./info.html?id=${v.id}">
<img src="${v.preview}" alt="">
<p>${v.title}</p>
</a>
</li>
`
})
},
error: function (err) {
alert(err)
}
})
//
// $ajax.post({
// url: 'http://127.0.0.1:3000/api/json/info2',
// data: {
// id: 1,
// page: 3
// },
// success: function (res) {
// console.log(res)
// },
// error: function (err) {
// console.log(err)
// }
// })
</script>
</html>

66
历届学生/18课程/class18_2/项目/上课项目/首页到详情/info.html Normal file
View File

@@ -0,0 +1,66 @@
<!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>