diff --git "a/19\345\275\255\345\213\207\346\226\214/Ajax.md" "b/19\345\275\255\345\213\207\346\226\214/Ajax.md"
new file mode 100644
index 0000000000000000000000000000000000000000..dc2d7f7ab2ffb5a4e25f2c9e35552c1cc8213782
--- /dev/null
+++ "b/19\345\275\255\345\213\207\346\226\214/Ajax.md"
@@ -0,0 +1,148 @@
+### Ajax
+
+```html
+//test.josn的代码
+{
+    "reply":"我收到啦！"
+}
+ 
+const xhr = new XMLHttpRequest();
+xhr.onreadystatechange = () => {
+   if (xhr.readyState !== 4) return;
+   if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304) {
+       console.log(xhr.responseText);
+    }
+};
+xhr.open('GET', 'text.json', true);
+xhr.send(null);
+                                              
+// “replay” : {"我收到啦！"，“”}
+```
+
+1.创建xhr对象
+
+```js
+const xhr = new XMLHttpRequest();
+```
+
+2.利用onreadystatechange属性，封装一个函数，用于监听 readyState的变化。
+
+```js
+xhr.onreadystatechange = () => {
+if (xhr.readyState !== 4) return;
+if (xhr.status >= 200 && xhr.status < 300 ){
+    console.log(xhr.responseText);
+    }
+};
+```
+
+2.1在xhr对象执行收发数据的时候，它会经历五种状态：
+
+
+| Ajax状态码 | 状态                                                         |
+| ---------- | ------------------------------------------------------------ |
+| 0          | （**未初始化**）未启动                                       |
+| 1          | （**启动**）已经调用 open()，但尚未调用 send()               |
+| 2          | （**发送**）发送状态，已经调用 send()，但尚未接收到响应      |
+| 3          | （**接收**）已经接收到部分响应数据                           |
+| 4          | （**完成**）已经接收到全部响应数据，而且已经可以在浏览器中使用了 |
+
+2.2判断HTTP状态码是否为200-299
+
+Ajax状态码为4是不够的，这仅仅表明收到服务器端响应的全部数据，并不能保障数据都是正确的。
+
+所以，我们还需要判断HTTP的状态码，判断xhr对象的status属性值是否在200到300之间（200-299 用于表示请求成功）
+
+```js
+if (xhr.status >= 200 && xhr.status < 300 ){
+    console.log(xhr.responseText);
+}
+```
+
+所以要想请求成功完成，必须要满足上面两个条件。
+
+3.准备发送请求
+
+```js
+xhr.open('GET','text.json', true);
+```
+
+参数1：选用"GET"或者“POST”的请求方式
+
+参数2：发送请求的地址
+
+参数3：是否异步
+
+4.发送请求
+
+```js
+xhr.send(null)
+```
+
+ 注意：send() 的参数是通过请求体携带的数据，而GET请求是通过请求头携带数据的，所以要把send的参数置为null
+
+```html
+ <script>
+        // 1 创建一个XMLHTTpRequest对象
+        const ajax = new XMLHttpRequest()
+        // 2 open(方式，服务器地址，同步还是异步 F/T)
+        // 方式：get post put delete
+        ajax.open('get','http://www.baidu.com/')
+        // 3 发送请求 send()
+        ajax.send()
+        // 4 监听ajax的状态
+        ajax.addEventListener('readystatechange',function(){
+            console.log(1)
+        })
+
+    </script>
+```
+
+### 复习
+
+```html
+<script>
+        // js通过构造函数来创建对象
+        // 函数名首字母大写
+        // 对象有属性和行为
+        function Student(name,age){
+            // 构造函数里写的成员就是实例
+            this.name = name
+            this.age = age
+            this.study = function(){
+                console.log(this.age,this.name)
+            }
+        }
+        const stu1 = new Student('张三',18) // 创建了一个实例
+        stu1.Student()
+        stu1.name // 张三
+        // 静态成员：静态变量，静态方法
+        Student.clazz = '11'
+        Student.eat = function(){
+            console('111')
+        }
+        Student.eat() // 静态方法
+        // stu1是对象存放对象
+        const arr = Object.keys(stu1) // 获取该对象的所有键名返回一个数组 
+        const arr2 = Object.values(stu1) // 获取对象所有值并返回
+        //Array.from(伪数组)
+        const data = [1,2,3]
+        // 对数组操作的一些常用的方法 map filter foreach find every join reduce concat sort
+        // foreach 和 for循环的区别
+        // for没有i的概念停不下来 for更灵活
+        // reduce(回调函数(累计值,当前元素){计算逻辑},累计值的初始值)
+        // data.reduce(function(sum,num){return sum = sum + num},0)
+        // 最终将sum返回
+        // 简化后 
+        data.reduce((sum,num)=>sum+num,0)
+        // find将从数组中找到的元素返回给你
+        // every判断数组中每一个元素是否符合你给的条件如果满足就返回true否则返回false
+        const score = [50,60,70]
+        score.every(item => item>=60) // false
+        // 数值toFixed(要保留几位小数) 四舍五入
+        const num = 666.888
+        num.toFixed(1) // 666.9
+        // 110是对象所以要加括号
+        (110).toFixed(5) // 110.00000
+    </script>
+```
\ No newline at end of file
diff --git "a/19\345\275\255\345\213\207\346\226\214/\347\231\273\345\275\225\346\241\210\344\276\213.md" "b/19\345\275\255\345\213\207\346\226\214/\347\231\273\345\275\225\346\241\210\344\276\213.md"
new file mode 100644
index 0000000000000000000000000000000000000000..3aae8ede1dab28db41cdbbb50fe4dce2d7ec456a
--- /dev/null
+++ "b/19\345\275\255\345\213\207\346\226\214/\347\231\273\345\275\225\346\241\210\344\276\213.md"
@@ -0,0 +1,70 @@
+## 登录案例
+
+```html
+<script>
+    // 目标1：点击登录时，用户名和密码长度判断，并提交数据和服务器通信
+    const form = document.querySelector('form')
+    const btn = document.querySelector('.btn')
+    form.addEventListener('submit',e =>{
+      e.preventDefault()
+      const inputValue = serialize(form,{hash:true,empty:true})
+      console.log(form)
+      // const username = document.querySelector('[name="username"]')
+      // const password = document.querySelector('[name="password"]')
+      console.log(inputValue)
+      // axios({
+      //   url:'http://hmajax.itheima.net/api/register',
+      //   method:'post',
+      //   params:{
+      //     username,
+      //     password
+      //   }
+      // }).then(result => {
+      //   if(username.length<8){
+      //     return alter('用户名大于8位')
+      //   }
+      //   if(password.length<6){
+      //     return alter('密码大于6位')
+      //   }
+      // })
+    })
+  </script>
+```
+
+## 问答机器人
+
+```html
+ <script>
+    const chatList = document.querySelector('.chat_list')
+    // console.log(chatList)
+    const sendBox = document.querySelector('.send_box')
+    const chatInput = document.querySelector('.chat_input')
+    // console.log(chatInput)
+    // console.log(sendBox)
+    sendBox.addEventListener('click',e =>{
+      if(e.target.tagName==='IMG'){
+        axios({
+          url:'http://hmajax.itheima.net/api/robot',
+          method:'get',
+          params:{
+            spoken:chatInput.value
+          }
+      }).then(result => {
+        console.log(result)
+        chatList.innerHTML +=`<ul class="chat_list">
+        <li class="left">
+          <img src="./assets/you.png" alt="">
+          <span>${chatInput.value}</span>
+        </li>
+        <li class="right">
+          <span>${result.data.data.info.text}</span>
+          <img src="./assets/me.png" alt="">
+        </li>`
+        chatInput.value=''
+      }).catch(error =>{
+        return alert(error.response.data.message)
+      })
+    }
+  })
+</script>
+```
\ No newline at end of file