Ajax接口和get与post请求

get请求

    <script>
      /*
        1.get传参格式： url?key=value
        2.示例： https://autumnfish.cn/api/joke/list?num=10
      */

       1.实例化ajax对象
      let xhr = new XMLHttpRequest()
       2.设置请求方法和地址
       get请求的数据直接添加在url的后面 格式是 url?key=value
      xhr.open("get", "https://autumnfish.cn/api/joke/list?num=10")
       3.发送请求
      xhr.send()
       4.注册回调函数
      xhr.onload = function() {
        console.log(xhr.responseText)
      }
    </script>

post请求

<script>
    请求方法get和post区别： 传参方式不同
        get请求： 直接在url后面拼接参数
            * 参数在url中，安全性不高
        post请求：
            1.需要设置请求头（固定语法）：xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded')
                * 注意：这是固定格式，错一个字母都不行，强烈建议复制粘贴
            2.使用xhr的send方法发送参数： xhr.send('参数名=参数值');
                * 注意：不要加前面的? 

  (1).实例化ajax对象
  let xhr = new XMLHttpRequest()
  (2).设置请求方法和地址
  xhr.open("post", "https://autumnfish.cn/api/user/register")
  (3).设置请求头（post请求才需要设置）
  xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
  (4).发送请求 ： 参数格式  'key=value'
  xhr.send("username=admin")
  (5).注册回调函数
  xhr.onload = function() {
    console.log(xhr.responseText)
  }
</script>

接口文档

什么是接口文档

• 1.接口：Web服务器提供的，让ajax请求的网络地址称之为接口，简称API

• 2.接口文档 ：为了方便开发人员使用，我们的后台小伙伴会提供一种专门的文档，称之为接口文档

  • 接口文档，又称为API文档，可以理解为接口的使用说明书
    • 接口文档的本质 ：其实就是后台开发（如php）他们写的函数注释。后台在处理请求的时候一般都会写一些函数

• 3.一个标准的接口文档至少要包含以下三种信息（只能多，不能少）

  • a.请求的地址 （url）
  • b.请求的方法 （get或者post）
  • c.请求的参数

• 4.以下是我们这个阶段可能会用到的接口文档，实际开发中为了避免你的url地址，方法,参数写错，一般强烈建议直接复制粘贴