2022年4月19日

FormData

这一章是关于发送 HTML 表单的:带有或不带文件,带有其他字段等。

FormData 对象可以提供帮助。你可能已经猜到了,它是表示 HTML 表单数据的对象。

构造函数是:

let formData = new FormData([form]);

如果提供了 HTML form 元素,它会自动捕获 form 元素字段。

FormData 的特殊之处在于网络方法(network methods),例如 fetch 可以接受一个 FormData 对象作为 body。它会被编码并发送出去,带有 Content-Type: multipart/form-data

从服务器角度来看,它就像是一个普通的表单提交。

发送一个简单的表单

我们先来发送一个简单的表单。

正如你所看到的,它几乎就是一行代码: