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

48
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/3.3ajax/index.html Normal file
View File

@@ -0,0 +1,48 @@
<!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>Document</title>
</head>
<body>
<ul>
</ul>
</body>
<script>
// console.log(window);
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://127.0.0.1:3000/api/json/index")
xhr.send()
xhr.onreadystatechange = () => {
if (xhr.readyState == 4) {
if(xhr.status == 200){
var data = JSON.parse(xhr.response)
console.log((data.result.list));
data.result.list.forEach(v => {
document.querySelector("ul").innerHTML += `
<li>
<div class="title">${v.title}</div>
<img src="${v.img_src}" alt="">
</li>
`
});
}else{
alert("当前网络状态不假")
}
}
}
</script>
</html>

0
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/3.3ajax/indexhml Normal file
View File

71
历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/3.3ajax/next.html Normal file
View File

@@ -0,0 +1,71 @@
<!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>Document</title>
</head>
<body>
<ul></ul>
<button>下一页</button>
</body>
<script>
var page = 1;
function ajax() {
var xhr = new XMLHttpRequest();
xhr.open("GET", `http://127.0.0.1:3000/api/json/mechanismList?id=82&page=${page}`)
xhr.send()
xhr.onreadystatechange = () => {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
var data = JSON.parse(xhr.response)
readList(data)
} else {
alert("当前网络状态不假")
}
}
}
}
function readList(list) {
console.log(list.result.data);
list.result.data.forEach(v => {
$("ul").innerHTML += `
<li>
<div class="title">${v.title}</div>
<img src="${v.preview}" alt="">
</li>
`;
});
}
$("button").onclick = () => {
page += 1;
ajax()
}
ajax()
function $(className) {
return document.querySelector(className)
}
function _(className) {
return document.querySelectorAll(className)
}
</script>
</html>