From a743c5073b08022236c331eb8ed72f42ebf48a3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=A2=E9=91=AB=E6=9D=B0?= <2173036056@qq.com>
Date: Tue, 3 Dec 2024 13:19:37 +0800
Subject: [PATCH] test

---
 .../20241202 ajax/20241202 Ajax.md"           | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 "\345\215\242\351\221\253\346\235\260/20241202 ajax/20241202 Ajax.md"
diff --git "a/\345\215\242\351\221\253\346\235\260/20241202 ajax/20241202 Ajax.md" "b/\345\215\242\351\221\253\346\235\260/20241202 ajax/20241202 Ajax.md"
new file mode 100644
index 0000000..5043a51
--- /dev/null
+++ "b/\345\215\242\351\221\253\346\235\260/20241202 ajax/20241202 Ajax.md"	
@@ -0,0 +1,33 @@
+作业
+
+```html
+<!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>
+    <script>
+        //1 创建XHR对象
+const xhr =new XMLHttpRequest();//0
+////2 你可以使用他的方法，开始去远程服务器获取json数组//// 2.1 指定获取方法get post put delete fetch，指定要从哪里获取// open只是配置信息，并没有真的打开。 //1
+xhr.open('get',"https://hmajax.itheima.net/api/news")// console.log(xhr);
+// // 2.2 配置好后，要发送请求
+xhr.send()
+//console.1og(xhr); // 因为是异步的，要根据回调的状态来判断。数据是否已经准备好了
+// readystate读职的状态码 23 发送请求 4 响应已完成
+xhr.addEventListener('readystatechange',function(){
+////只要状态状态，就触发我们的函数
+// console.log(xhr.readystate);
+if(xhr.readyState ===4 && xhr.status === 200){
+// console.1og('数据回应完成');
+console.log(xhr.response);
+// 响应成功后要操作的事件，写在这里/xhr.response 是回应回来的数据
+document.querySelector('.right').innerHTML = xhr.response
+}
+})
+    </script>
+</body>
+</html>
\ No newline at end of file
-- 
Gitee

