From 37f5c6db9aaa1b50464926bcb541e6828e993934 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=98=E6=96=87=E8=AF=9A?= <3287861587@qq.com>
Date: Thu, 7 Dec 2023 23:54:14 +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

---
 ...50\344\272\272\345\257\271\350\257\235.md" | 101 ++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 "08 \345\256\230\346\226\207\350\257\232/20231208 \346\234\272\345\231\250\344\272\272\345\257\271\350\257\235.md"

diff --git "a/08 \345\256\230\346\226\207\350\257\232/20231208 \346\234\272\345\231\250\344\272\272\345\257\271\350\257\235.md" "b/08 \345\256\230\346\226\207\350\257\232/20231208 \346\234\272\345\231\250\344\272\272\345\257\271\350\257\235.md"
new file mode 100644
index 0000000..ac9df1f
--- /dev/null
+++ "b/08 \345\256\230\346\226\207\350\257\232/20231208 \346\234\272\345\231\250\344\272\272\345\257\271\350\257\235.md"	
@@ -0,0 +1,101 @@
+### 笔记
+
+##### 常用的请求方法和数据提交
+
+GET 获取数据
+
+POST 数据提交
+
+PUT 修改全部的数据
+
+DELETE 删除数据
+
+PATLH 修改部分的数据
+
+语法
+
+```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
+    // 查询参数值: 我说的消息
+    // 聊天区
+    const chat=document.querySelector('.chat')
+    // 输入框
+    const chatinput=document.querySelector('.chat_input')
+    // 发送按钮
+    const sub=document.querySelector('.send_img')
+    // 信息
+    const chatlist=document.querySelector('.chat_list')
+      // 定义一个点击事件
+      sub.addEventListener('click',(e)=>{
+        // console.log('666');
+        let aa=chatinput.value;
+        chatlist.innerHTML+=`
+          <li class="right">
+          <span>${aa}</span>
+          <img src="./assets/me.png" alt="">
+        </li>
+          `
+        chatinput.value=''
+
+          axios({
+            url:'http://hmajax.itheima.net/api/robot',
+            params:{
+              spoken:aa
+            }
+          }).then(result=>{
+            chatlist.innerHTML+=`
+            <li class="left">
+          <img src="./assets/you.png" alt="">
+          <span>${result.data.data.info.text}</span>
+        </li>
+            `
+              // console.log(result);
+          }).catch(sb=>{
+            // console.log(sb);
+            alert('错误')
+          })
+
+      })
+
+
+
+  </script>
+~~~
+
-- 
Gitee