first commit

历届学生/front-end-team-10/每天课程/2023-03-03/ajaxV1.js

@@ -0,0 +1,54 @@
+class Http {
+
+    constructor() {
+        this.xhr = new XMLHttpRequest();
+    }
+
+    /**
+     * url : 请求地址
+     */
+    get(params) {
+        var par = ""
+        for (const key in params.data) {
+            par += `&${key}=${params.data[key]}`
+        }
+        par = par.replace("&", "?")
+        this.xhr.open("GET", `${params.url}${par}`)
+        this.xhr.send()
+
+        this.ReadyState(params)
+    }
+
+    post(params) {
+        this.xhr.open("POST", `${params.url}`)
+        // POST 一般发送两种格式的数据
+        //  表单类型 FormData  数据格式 name=value&name=value
+        //  json数据类型 数据格式就是 JSON.stringify() 后的字符串对象
+        //   json 用的多
+        // var par = ""
+        // for (const key in params.data) {
+        //     par += `&${key}=${params.data[key]}`
+        // }
+        // par = par.replace("&", "")
+
+        this.xhr.setRequestHeader('Content-Type', 'application/json');
+        this.xhr.send(JSON.stringify(params.data))
+        this.ReadyState(params)
+    }
+
+
+    ReadyState(params) {
+        this.xhr.onreadystatechange = () => {
+            if (this.xhr.readyState == 4) {
+                if (this.xhr.status == 200) {
+                    var data = JSON.parse(this.xhr.response);
+                    params.success(data)
+                } else {
+                    params.error(this.xhr)
+                }
+            }
+        }
+    }
+}
+
+var http = new Http();