04/18
2023
自动发送的 multipart/form-data
在浏览器中，如果 POST 请求的 body 数据是 FormData 类型，那么浏览器会自动把数据以 multipart/form-data 格式编码并发送，不需要我们进行额外处理。
const formElement = document.querySelector('#form')
const formData = new FormData(formElement)
fetch('/post', {
method: 'post',
body: formData,
})multipart/form-data 编码方式可以用于上传文件。不过即使不上传文件，因为 FormData 用起来很便捷，所以我也习惯使用它。
但是极少数情况可能需要我们自己把表单数据编码成 multipart/form-data 格式，于是我就尝试了一番。
手动编码 multipart/form-data 格式的数据
12/20
2016
我之前写过一篇《JavaScript表单序列化》的文章，表单序列化可以方便我们使用ajax来提交表单数据，避免网页刷新。我在这篇文章的末尾也附上了示例代码。但是使用表单序列化也有不太方便的地方：
第一，需要额外的代码来做表单序列化；
第二，需要在请求头里规定表单数据的格式。我第一次使用的时候因为不知道加这个就出错了。而且这个格式还有好几种。
第三，有很多用原生js做的表单序列化代码不能通过ajax提交附件。jquery的表单序列化可以，但也有点麻烦。
现在，HTML5的formData将上面的问题全部解决了，进一步简化了使用ajax提交表单的步骤。
当点击提交按钮时，通过 Fetch 发送数据：
const formData = new FormData(document.querySelector("#formID")); //生成formData
fetch(url, {
method: 'post',
body: formData,
})
.then(…)