FormData是什么
一、总结
一句话总结：利用 FormData 对象，可以通过JavaScript键值对来模拟一系列表单控件，还可以使用 XMLHttpRequest的send() 方法来异步提交表单。
与普通的Ajax相比，使用FormData 的最大优点就是可以异步上传二进制文件。
1、FormData 对象如何使用？
可以先通过new关键字创建一个空的 FormData 对象，然后使用 append() 方法向该对象里添加字段（字段的值可以是一个 Blob 对象，File对象或者字符串，剩下其他类型的值都会被自动转换成字符串）。
也可以用一个已有的form元素来初始化FormData对象
var formdata = new FormData();formdata.append("name", "Alice");formdata.append("id", 30); // 数字30被转换成字符串"30"
2、如何使用已有的form元素来初始化FormData对象？
用一个已有的form元素来初始化FormData对象，只需把该 form 元素作为参数传入 FormData 构造函数即可：
var myForm = document.getElementById("myForm");var xhr= new XMLHttpRequest();xhr.open("POST", "dealing.php");xhr.send(new FormData(myForm));
3、serialize()可以序列化表单数据，那么表单中的二进制数据能被序列化成字符串么？
serialize()可以序列化表单数据，但表单中的二进制数据不能被序列化成字符串。通过html5的FormData对象对带有二进制数据的表单进行构造，然后通过ajax发送这个构造好的FormData就可以实现异步提交了。
4、JavaScript Ajax的同义词是什么？
XMLHttpRequest
使用 JavaScript Ajax（XMLHttpRequest）来异步发送 FormData：
var myForm = document.getElementById("myForm");var xhr= new XMLHttpRequest();xhr.open("POST", "dealing.php", true);xhr.onreadystatechange = function() { if (xhr.readyState === 4) if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304) alert(xhr.responseText);}xhr.send(new FormData(myForm));
5、 jQuery Ajax如何发送 FormData？
在data数据那里写上formdata
使用 jQuery Ajax来发送 FormData：
var formdata = new FormData(document.getElementById("myForm"));$.ajax({ url: "dealing.php", type: "POST", data: formdata, processData: false, // 告诉jQuery不要去处理发送的数据 contentType: false // 告诉jQuery不要去设置Content-Type请求头});
二、浅谈HTML5的FormData对象
利用 FormData 对象，可以通过JavaScript键值对来模拟一系列表单控件，还可以使用 XMLHttpRequest的send() 方法来异步提交表单。
与普通的Ajax相比，使用FormData 的最大优点就是可以异步上传二进制文件。
可以先通过new关键字创建一个空的 FormData 对象，然后使用 append() 方法向该对象里添加字段（字段的值可以是一个 Blob 对象，File对象或者字符串，剩下其他类型的值都会被自动转换成字符串）。
1、可以使用HTML表单来初始化一个FormData对象
serialize()可以序列化表单数据，但表单中的二进制数据不能被序列化成字符串。通过html5的FormData对象对带有二进制数据的表单进行构造，然后通过ajax发送这个构造好的FormData就可以实现异步提交了。
用一个已有的form元素来初始化FormData对象，只需把该 form 元素作为参数传入 FormData 构造函数即可：
var myForm = document.getElementById("myForm");var xhr= new XMLHttpRequest();xhr.open("POST", "dealing.php");xhr.send(new FormData(myForm)); 可以在已有表单数据的基础上，继续向 FormData 对象添加新的键值对：
var myForm = document.getElementById("myForm");formdata = new FormData(myForm);formdata.append("number", number);oReq.send(formData);
2、可以不借助表单，直接向 FormData 对象添加一个 Blob 对象，File对象或者字符串：
var formdata = new FormData();formdata.append("name", "Alice");formdata.append("id", 30); // 数字30被转换成字符串"30"formdata.append("userfile", selectedFile.files[0]); // selectedFile中包含用户所选择的文件var file = "link!"; // Blob对象包含的文件内容var blob = new Blob([file], {type: "text/xml"});formdata.append("file", blob);var xhr = new XMLHttpRequest();xhr.open("POST", "dealing.php");xhr.send(formdata); 关于Blob的介绍请见：
3、使用FormData对象发送文件：
1) 使用 JavaScript Ajax（XMLHttpRequest）来异步发送 FormData：
var myForm = document.getElementById("myForm");var xhr= new XMLHttpRequest();xhr.open("POST", "dealing.php", true);xhr.onreadystatechange = function() { if (xhr.readyState === 4) if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304) alert(xhr.responseText);}xhr.send(new FormData(myForm)); 2) 使用 jQuery Ajax来发送 FormData：
var formdata = new FormData(document.getElementById("myForm"));$.ajax({ url: "dealing.php", type: "POST", data: formdata, processData: false, // 告诉jQuery不要去处理发送的数据 contentType: false // 告诉jQuery不要去设置Content-Type请求头});