first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/18课程/class18_2/项目/上课项目/首页到详情/info.html
+++ b/历届学生/18课程/class18_2/项目/上课项目/首页到详情/info.html
@@ -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>