From 55d94032e2dbf530581946dbf4c52e45865980ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E6=B5=81=E6=B6=9B?= <1841582040@qq.com>
Date: Thu, 7 Dec 2023 23:02:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20231206 ajax\351\242\204\344\271\240.md" |  0
 .../20231207 Ajax.md"                         | 75 +++++++++++++++++++
 2 files changed, 75 insertions(+)
 rename "57 \351\273\204\346\265\201\346\266\233/20231206 ajax.md" => "57 \351\273\204\346\265\201\346\266\233/20231206 ajax\351\242\204\344\271\240.md" (100%)
 create mode 100644 "57 \351\273\204\346\265\201\346\266\233/20231207 Ajax.md"

diff --git "a/57 \351\273\204\346\265\201\346\266\233/20231206 ajax.md" "b/57 \351\273\204\346\265\201\346\266\233/20231206 ajax\351\242\204\344\271\240.md"
similarity index 100%
rename from "57 \351\273\204\346\265\201\346\266\233/20231206 ajax.md"
rename to "57 \351\273\204\346\265\201\346\266\233/20231206 ajax\351\242\204\344\271\240.md"
diff --git "a/57 \351\273\204\346\265\201\346\266\233/20231207 Ajax.md" "b/57 \351\273\204\346\265\201\346\266\233/20231207 Ajax.md"
new file mode 100644
index 0000000..e8ead89
--- /dev/null
+++ "b/57 \351\273\204\346\265\201\346\266\233/20231207 Ajax.md"	
@@ -0,0 +1,75 @@
+# 笔记
+
+```js
+axios({
+  url: '目标资源地址',
+  method:'POST'//默认值
+  params: {
+    参数名: 值
+  }
+}).then(result => {
+  // 对服务器返回的数据做后续处理
+}).catch((cerror)=>{
+    log(打印错误)
+})
+```
+
+params:是请求是要配合get的
+
+post是要提交数据要有数据库体data
+
+axios 如何携带查询参数?
+
+- 使用 params 选项即可
+
+  ```js
+  axios({
+    url: '目标资源地址',
+    params: {
+      参数名: 值
+    }
+  }).then(result => {
+    // 对服务器返回的数据做后续处理
+  })
+  ```
+
+# 作业
+
+```js
+<script>
+    // 获取机器人回答消息 - 接口地址: http://hmajax.itheima.net/api/robot
+    // 查询参数名: spoken
+    // 查询参数值: 我说的消息
+    //聊天区域
+    let chat = document.querySelector('.chat')
+    //信息
+    let chatli = document.querySelector('.chat_list')
+    //输入框文本
+    let chatinpu = document.querySelector('.chat_input')
+
+    document.querySelector('.send_img').addEventListener('click',()=>{
+       let tex=chatinpu.value;
+       chatli.innerHTML+=`
+        <li class="right">
+          <span>${tex}</span>
+          <img src="./assets/me.png" alt="">
+        </li>
+       `
+       chatinpu.value='';
+     axios({
+      url:'http://hmajax.itheima.net/api/robot',
+      params: {
+        spoken:tex
+      }
+      }).then((itea)=>{
+        console.log(itea);
+        chatli.innerHTML += `<li class="left">
+          <img src="./assets/you.png" alt="">
+          <span>${itea.data.data.info.text}</span>
+        </li>`
+      }).catch((cerror)=>{
+        // console.log(cerror);
+      })
+    })
+  </script>
+```
-- 
Gitee