first commit

历届学生/18课程/class18_2/项目/练习项目/周志威/ajax练习/练习1/ajax.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+    <ul></ul>
+    
+</body>
+<script>
+    // 使用 XMLHttpRequest 对象的 open() 方法可以建立一个 HTTP 请求
+    var ajax = new XMLHttpRequest();
+    ajax.open("GET" , "http://127.0.0.1:3000/api/json/index")
+    //建立连接后，可以使用 send() 方法发送请求
+    ajax.send()
+
+    ajax.onreadystatechange = function(){
+        if(ajax.readyState == 4){
+            if(ajax.status == 200){
+                var result = JSON.parse(ajax.responseText)
+                console.log(result.data);
+                result.data.newest.list.forEach(function(v){
+                    document.querySelector("ul").innerHTML +=
+                    `
+                    <li>
+                        <img src="${v.preview}" alt="">    
+                    </li>
+                    `
+                })
+            }else{
+                console.log("请求错误");
+            }
+        }
+    }
+</script>
+</html>