FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式，并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去，本接口和此方法都相当简单直接。如果表单 enctype 属性设为 multipart/form-data ，则会使用表单的 submit() 方法来发送数据，从而发送数据具有同样形式。
FormData()构造函数用于创建一个新的FormData对象。
//form可选
一个HTML 上的``表单元素——当指定了，这种方式创建的FormData对象会自动将form中的表单值也包含进去，包括文件内容也会被编码之后包含进去。
例子
下面的代码将创建一个空的FormData对象:
或者你可以使用可选的form参数来创建一个带预置数据的FormData对象:
注意: 所有的输入元素都需要有name属性，否则无法访问到值。
通过append(key,value)来添加数据，如果指定的key不存在则会新增一条数据，如果key存在，则追加到数据末尾
FormData.set和 append() 的区别在于，如果指定的键已经存在， FormData.set 会使用新值覆盖已有的值，而 append() 会把新值添加到已有值集合的后面。
这个方法有两个版本：一个有两个参数的版本和一个有三个参数的版本。
这项技术使得多文件上传的处理更加简单，因为所得数据结构更有利于循环。
get()方法用于返回FormData对象中和指定的键关联的第一个值，如果你想要返回和指定键关联的全部值，那么可以使用getAll()方法。
getAll()方法会返回该 FormData 对象指定 key 的所有值。
delete() 方法会从 FormData 对象中删除指定键，即 key，和它对应的值，即 value
给 FormData 设置属性值，如果FormData 对应的属性值存在则覆盖原值，否则新增一项属性值。
has()方法会返回一个布尔值，表示该FormData对象是否含有某个key
FormData.entries() 方法返回一个 iterator对象 ，此对象可以遍历访问FormData中的键值对。其中键值对的key是一个 USVString 对象；value是一个 USVString , 或者 Blob对象。
FormData.keys() 该方法返回一个迭代器（iterator），遍历了该 formData 包含的所有key ，这些 key 是 USVString 对象。
FormData.values() 方法返回一个允许遍历该对象中所有值的 迭代器 。这些值是 USVString 或是Blob 对象。
FormData 对象的使用：
用一些键值对来模拟一系列表单控件：把 form 中所有表单元素的 name 与 value 组装成一个 queryString；
异步上传二进制文件；
FormData 对象的操作方法，全部在原型中本身没任何的属性及方法
使用 FormData 对象发送文件
原生ajax
使用 jQuery
本文章内容都是抄的csdn
版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.mushiming.com/mjsbk/13107.html