一个完整的表单的组成
- 表单标签: 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的基本使用
- 引入form-serialize.js
formData(当用户需要上传文件时创建对象,然后通过append()加内容
1. 什么是FormData?
以键值对形式存放数据的容器, 常用于装载文件对象
2. FormData如何使用?
实例化一个对象,用它的append方法加入参数名和值
content-type
仔细观察请求报文->请求头中的Content-Type字段,用来标记请求体内容的类型
axios自动根据data值的类型, 帮我们自动设置的
3种content-type