first commit

历届学生/font-end-nine/项目练习/学生项目/冯文焌/6ajax/枸杞社/js/ajax/index.js

@@ -0,0 +1,51 @@
+class Ajax {
+    constructor() {
+        this.ajax = new XMLHttpRequest();
+    }
+
+    /**
+     * 
+     * @param {*} params 
+     * {
+     *   url: '',
+     *   data: {
+     *     id: 1,
+     *     page: 2
+     *   },
+     *   header: {
+     *     'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
+     *   }
+     * }
+     */
+    get(params) {
+        return new Promise((success, error) => {
+            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.readystatechange(success, error)
+        })
+    }
+
+    post() { }
+
+    readystatechange(success, error) {
+        this.ajax.onreadystatechange = () => {
+            if (this.ajax.readyState == 4) {
+                if (this.ajax.status == 200) {
+                    var data = JSON.parse(this.ajax.responseText)
+                    // console.log(data);
+                    success(data)
+                } else {
+                    error(this.ajax)
+                }
+            }
+        }
+    }
+}
+
+var ajax = new Ajax();

历届学生/font-end-nine/项目练习/学生项目/冯文焌/6ajax/枸杞社/js/config/index.js

@@ -0,0 +1,32 @@
+var config = {
+    devBaseUrl: 'http://127.0.0.1:3000/api/json', // 开发阶段
+    testBaseUrl: 'http://127.0.0.1:3000/api/test', // 测试阶段
+    prodBaseUrl: 'http://192.168.31.100:3000/api/json', // 上线阶段
+    stage: 'prod', // dev  test   prod
+    apiList: {
+        index: '/index',
+        info: '/info',
+        classList: '/class'
+    },
+    footerList: [
+        { title: '首页', icon: 'icon-home', url: 'index.html' },
+        { title: '机构', icon: 'icon-jigou', url: 'mechanism.html' },
+        { title: '模特', icon: 'icon-me', url: 'model.html' },
+        { title: '我的', icon: 'icon-wo', url: 'my.html' },
+    ],
+    checkUrl: function () {
+        switch (this.stage) {
+            case "dev":
+                return this.devBaseUrl
+                break;
+            case "test":
+                return this.testBaseUrl
+                break;
+            case "prod":
+                return this.prodBaseUrl
+                break;
+            default:
+                break;
+        }
+    }
+}

历届学生/font-end-nine/项目练习/学生项目/冯文焌/6ajax/枸杞社/js/util/index.js

@@ -0,0 +1,38 @@
+class Util {
+
+    inject() {
+        Element.prototype.remove = function (removeClassName) {
+            this.classList.remove(removeClassName);
+        }
+        Element.prototype.add = function (addClassName) {
+            this.classList.add(addClassName);
+        }
+        HTMLElement.prototype.text = function (text) {
+            this.innerText = text;
+        }
+    }
+
+    query(name) {
+        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+        var r = window.location.search.substr(1).match(reg);
+        if (r != null) return unescape(r[2]); return null;
+    }
+
+    click(className, callback) {
+        $(className).onclick = (e) => {
+            callback(e)
+        }
+    }
+
+    $(className) {
+        return document.querySelector(className)
+    }
+
+    _(className) {
+        return document.querySelectorAll(className)
+    }
+}
+
+var { $, _, click, inject, query } = new Util()
+
+inject() 

历届学生/font-end-nine/项目练习/学生项目/冯文焌/6ajax/枸杞社/page/index.html

@@ -0,0 +1,20 @@
+<!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>
+    <link rel="stylesheet" href="../css/clear.css">
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/index.css">
+</head>
+<body>
+    
+</body>
+<script src="../js/util/index.js"></script>
+<script src="../js/config/index.js"></script>
+<script src="../js/ajax/index.js"></script>
+<script src="../js/serve/index.js"></script>
+<script src="../js/page/index.js"></script>
+</html>