From c2e8566622eb138f2d97ad865c755f6904382475 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=A2=A6=E6=A2=A6?= <3195337478@qq.com>
Date: Thu, 7 Dec 2023 15:45:18 +0000
Subject: [PATCH] =?UTF-8?q?=E9=99=88=E6=A2=A6=E6=A2=A6=E7=9A=84=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 陈梦梦 <3195337478@qq.com>
---
 ...24\346\234\272\345\231\250\344\272\272.md" | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 "01 \351\231\210\346\242\246\346\242\246/20231207Ajax \351\227\256\347\255\224\346\234\272\345\231\250\344\272\272.md"

diff --git "a/01 \351\231\210\346\242\246\346\242\246/20231207Ajax \351\227\256\347\255\224\346\234\272\345\231\250\344\272\272.md" "b/01 \351\231\210\346\242\246\346\242\246/20231207Ajax \351\227\256\347\255\224\346\234\272\345\231\250\344\272\272.md"
new file mode 100644
index 0000000..ceafaf1
--- /dev/null
+++ "b/01 \351\231\210\346\242\246\346\242\246/20231207Ajax \351\227\256\347\255\224\346\234\272\345\231\250\344\272\272.md"	
@@ -0,0 +1,40 @@
+  <script>
+    // 获取机器人回答消息 - 接口地址: http://hmajax.itheima.net/api/robot
+    // 查询参数名: spoken
+    // 查询参数值: 我说的消息
+    
+
+    //获取发送按钮的元素 获取input的内容
+    const input = document.querySelector('.chat_input')
+    const sendBox = document.querySelector('.send_box')
+    sendBox.addEventListener('click',e=>{
+      //添加点击事件 判断点的是不是发送那个图标
+  if(e.target.tagName==='IMG'){
+  
+        axios({
+  url:'http://hmajax.itheima.net/api/robot',
+  params:{
+    spoken:input.value
+  }
+})
+.then(result => {
+  console.log('查询成功');
+  document.querySelector('.chat_list').innerHTML +=`
+  <li class="left">
+          <img src="./assets/you.png" alt="">
+          <span>${input.value}</span>
+        </li>
+        <li class="right">
+          <span>${result.data.data.info.text}</span>
+          <img src="./assets/me.png" alt="">
+        </li>`
+        input.value=''
+})
+.catch(error => {
+ return alert(error.response.data.message)
+})
+      }
+    })
+
+
+  </script>
-- 
Gitee