1.概述FormData类型定义在XMLHttpRequestlevel2中，便于表格的序列化和创建与表格相同格式的数据（用于XHR传输）。FormData对象本身没有任何属性和方法，所有的操作方法都在它的原型上。二、使用创建FormData对象的方法1、从头开始创建一个FormData对象。为对象添加键值对，如：varformdata=newFormData();formdata.append('姓名','李明');formdata.appdnd('手机',13222222222);//数字会被转换成字符String2.使用已有的表单初始化一个对象实例比如已有的表单：namepasswordvarform=document.getElementById('_formData');//找到一个存在的表单varformFile=newFormData(form);//在生成FormData对象时指定表单元素当然，你可以用append给formFile添加参数，如：formFile.append('mobile',17911111111);3、可以通过set(key,value)设置和修改数据。如果指定的密钥不存在，将添加一个新密钥。如果存在则修改对应的值formFile.set('name','李明')has(key):判断是否有对应的key值delete(key):删除数据4.发送FormData对象数据，你可以使用xhr传递varxhr=newXMLHttpRequest();xhr.open('post','/user/login');xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");xhr。发送（表单数据）；注意发送时，hender的content-Type必须是：application/x-www-form-urlencoded这个方法可以实现现有文件异步上传五、实际应用案例组织前后端分离，在运营端批量导入视频类/直播类会员页面，点击【确定】提交数据时，表单为用于提交，后端分配给页面分离导入的结果数据时，需要使用ajax获取后端返回的导入统计结果数据，对DOM元素进行操作。FormData对象可以用来将表单数据通过ajax传输到后台并得到返回结果，这样尽可能少的处理就达到了目的。主要代码：letform=document.getElementById('_formData')letfileForm=newFormData(form)this.axios({url:'...import...',method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},data:fileForm}).then(response=>{//返回后处理})
