first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/韩一伟/项目开发/练习项目/作业/2021.07.15/ajax.js
+++ b/历届学生/韩一伟/项目开发/练习项目/作业/2021.07.15/ajax.js
@@ -0,0 +1,66 @@
+class Ajax {
+
+    //请求方式不一样
+    //请求参数不一样
+    //请求地址不一样
+    constructor() {
+
+        this.ajax = new XMLHttpRequest()
+    }
+
+
+
+    get(params) {
+        var str = ""
+        for (const key in params.data) {
+
+            str += `&${key}=${params.data[key]}`
+
+        }
+        str = str.replace("&", "?")
+        this.ajax.open("GET", params.url + str)
+        this.ajax.send();
+        this.statechange(params)
+    }
+
+
+    post() {
+
+        this.open("POST", "http://127.0.0.1/index.php")
+    }
+
+    statechange (params) {
+        this.ajax.onreadystatechange = () => {
+            if (this.ajax.readyState == 4) {
+                if (this.ajax.status == 200) {
+                    var data = JSON.parse(this.ajax.responseText)
+                    switch (data.status) {
+                        case 200:
+                            params.success(data.result)
+                            break;
+                        case 404:
+                            alert(data.msg)
+                            throw new Error(data.msg)
+                            break;
+                    
+                    }
+                    // 
+                } else {
+                    params.error(this.ajax)
+                }
+            }
+        }
+    }
+
+
+
+
+
+
+
+}
+
+
+
+
+var ajax = new Ajax()
--- a/历届学生/韩一伟/项目开发/练习项目/作业/2021.07.15/index.html
+++ b/历届学生/韩一伟/项目开发/练习项目/作业/2021.07.15/index.html
@@ -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>
+    <h2>最新推荐</h2>
+    <ul></ul>
+</body>
+<script src="./ajax.js"></script>
+<script>
+    function getIndex() {
+        ajax.get({
+            url: `http://127.0.0.1:3000/api/json/info`,
+            data: {},
+
+            success: (res) => {
+                console.log(res);
+                render(res)
+            },
+            error: (err) => {
+                console.log("请求出错：", err);
+            }
+        });
+    }
+
+    function render(result) {
+        result.recommended.data.forEach(v => {
+            document.querySelector("ul").innerHTML += `
+            <li>
+                <a href="./info.html?id=${v.id}">
+                    <p>${v.title}</p>
+                    <img src="${v.preview}" alt="">    
+                </a>
+                
+            </li>
+            `
+        });
+    }
+    getIndex()
+</script>
+
+</html>