Ajax复习02-(form 表单,axios 拦截器,FormData文件上传)

什么是form表单

在网页中，表单主要负责数据采集功能。

表单的三个组成部分

网页中采集数据的表单由三个部分组成，表单标签、表单域、表单按钮。

表单标签

HTML 的form是一个“容器”，用来将页面上指定的区域划定为表单区域

表单域

表单域提供了采集用户信息的渠道，常见的表单域有：input、textarea、select 等

注意：每个表单域必须包含 name 属性，否则用户填写的信息无法被采集到！

表单按钮

当表单数据填写完毕后，用户点击表单按钮，会触发表单的提交操作，从而把采集到的数据提交给服务器。

注意：

①type="submit" 表示提交按钮的意思

②type 属性的默认值就是submit，因此 type="submit" 可以省略不写

form标签的属性

form标签最重要的 3 个属性分别是 action、method 和 enctype。

以GET方式提交表单数据

在form标签上，通过action属性指定提交的 URL 地址，通过 method属性指定提交的方式为GET

注意：由于 method 属性的默认值就是 GET，因此上述的 method="GET" 可以被省略！

   <form action="http://www.liulongbin.top:3009/api/form" method="get">
    姓名: <input type="text" name="username"><br>
    密码: <input type="password" name="password"><br>
    <button type="submit">提交</button>
  </form>

以POST方式提交表单数据

在form标签上，通过 action 属性指定提交的 URL 地址，通过 method属性指定提交的方式为 POST，并通过 enctype 属性指定数据的编码方式为 application/x-www-form-urlencoded

注意：由于 enctype 的默认值就是 application/x-www-form-urlencoded，因此上述的 enc