ajax2.0提供的FormData

在AJAX2.0中新增了FormData构造函数

作用：用户快速进行表单序列化，来代替表单。

使用方式：

　　let fd = new FormData(form)

　　　　form: 原生的form表单元素

　　　　参数是可有可无的

　　　　如果传递了参数，得到一个fd的实例化对象，我们可以通过其原型中的方法查看内部结构

　　　　如果没有传递参数，得到的是一个空的对象，我们可以调用原型中的方法添加数据

forEach

使用方式： fd.forEach(value, name, formdata)

　　第一个参数： 输入的内容

　　第二个参数： 输入框name值

　　第三个参数： FormData对象

　　this指向全局作用域

append

　　该方法用于添加数据的  (不会覆盖掉已经添加的数据)

　　fd.append(key, value) 

　　　　key: name值

　　　　value: 是数据

delete

　　该方法用于删除数据中的某一项

　　fd.delete(key)

　　　　key: 数据名称

get

　　该方法用于获取某一项数据

　　fd.get(key)

　　　　key： 对应的name值

　　返回值就是获取到数据

getAll

　　该方法用于获取某个name字段的所有数据

　　fd.getAll(key)

　　　　key: 对应的name属性值

　　返回值是一个数组

has

　　该方法用于判断是否包含某个属性

　　fd.has(key)

　　　　key: 对应的name值

　　返回值是布尔值：  如果存在，返回true  如果不存在，返回false

set

　　该方法用于设置内容的，与append方法不同的是，set方法会覆盖掉之前已经添加的数据

　　fd.set(key, value)

　　　　key: 对应的name值 value: 数据

例如发送ajax表单请求，获取数据则很方便：