1.XMLHttpRequest的两个事件

onload事件：接收服务器响应的数（一次请求，只会执行一次）
onreadystatechang事件 : 作用与onload事件一致（一次请求，会执行多次）

面试点： XMLHttpRequest对象的状态码（xhr.readyState）

0: 请求未建立  (创建了xhr对象，但是还没调用open)

1: 服务器连接已建立 

2. 请求已接收  (send之后,服务器已经接收了请求)

3. 请求处理中 

4. 请求已完成，且响应已就绪 （ 4状态码等同于onload事件 ）

    <script>
      //(1).实例化ajax对象
      let xhr = new XMLHttpRequest()
      console.log(xhr.readyState)
      //(2).设置请求方法和地址
      xhr.open("post", "http://www.liulongbin.top:3009/api/login")
      //(3).设置请求头（post请求才需要设置）
      xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
      console.log(xhr.readyState)
      //(4).发送请求 ： 参数格式  'key=value'
      xhr.send("username=admin&password=123456")
      //(5).注册回调函数
      //a. onload 是新式浏览器才支持的
      //b. 如果要兼容更早的浏览器，可以使用 onreadystatechange
      //c. onreadystatechange触发时机 ： xhr.readState状态变化
      // xhr.onload = function() {};

      xhr.onreadystatechange = function() {
        console.log(xhr.readyState)
        //onreadystatechange会触发多次，一般需要判断xhr.readState == 4 才获取响应数据
        if (xhr.readyState == 4) {
          console.log(xhr.responseText)
        }
      }
    </script>

2.Ajax组成部分

Ajax(阿贾克斯)：全称 Asynchronous Javascript And XML(异步的js与xml)

A : 异步
1. js 代码主要分两种 : 同步和异步
2. 同步代码: 按照从上往下顺序执行
3. 异步代码: 不会立即执行 , 而是延迟执行( 事件处理函数 , 定时器函数 , Ajax回调函数 )
j : JavaScript
a : and
X : XML 与 XMLHttpRequest
1. XML ：解决跨平台数据传输。
2. 在JSON没有出来以前, 网络传输主要以XML格式数据为主。后来JSON问世，逐渐取代XML。但是由于ajax技术出来的比json早，因此xml这个称呼一直保留至今

3 get和post区别(非常重要)

传参方式不同

get : 参数直接写在url里面拼接(请求行

post : 参数写在请求体里面
大小限制不同

get有大小限制,不同浏览器大小限制不同。一般2-5 MB

post没有大小限制
安全性不同

get参数直接暴露在url里面,不安全(一般查询类数据都是get)

post参数在请求体中,更加安全
```
  一般登入注册都是post
```
参数速度不同

get传输速度快

post传输速度慢
```
  一般带文件的接口都是post
```

4.其他请求方法

实际开发中，前端无权决定请求方法，只需要根据后台接口文档来就可以了

put和pacth区别
- 全局更新 : put
- 局部更新: patch

请求方式	描述	特点
post	一般用于新增数据(提交数据)	请求体传参
get	一般用于查询数据(查询数据)	请求行(url)传参
delete	一般用于删除数据	请求体传参
put	一般用于更新全部数据	请求体传参
patch	一般用于更新局部数据	请求体传参

onreadstatechange事件以及Ajax组成和get,post区别

1.XMLHttpRequest的两个事件

2.Ajax组成部分

3 get和post区别(非常重要)

4.其他 请求方法

4.其他请求方法