Ajax中表单的提交

一个完整的表单的组成

• 表单标签： form
• 表单域: input, checkbox, select ...
• 表单按钮<button type="submit"></button>

 form表单的作用是什么?

用来收集用户输入的信息

表单的自我提交

<!-- action: 接口的url地址。method: get或post，数据的提交方式（默认为GET） -->
<form action="提交地址" method="提交方式">
  // 其他元素
</form>

如何阻止表单内部按钮的默认提交动作？

e.preventDefault()

语法_表单整体获取

能使用form-serialize插件, 提取整个表单数据

form-serialize的基本使用

1. 引入form-serialize.js

formData(当用户需要上传文件时创建对象，然后通过append（)加内容

1. 什么是FormData?

以键值对形式存放数据的容器, 常用于装载文件对象

2. FormData如何使用?

实例化一个对象，用它的append方法加入参数名和值

content-type

仔细观察请求报文->请求头中的Content-Type字段，用来标记请求体内容的类型

axios自动根据data值的类型, 帮我们自动设置的

3种content-type