在前端开发中，我们经常需要处理表单数据。其中，FormData 是一种特殊类型的表单数据，它可以用于上传文件或者提交复杂的表单数据。
在 Deno 中，我们可以使用 Deno.fetch API 来发送包含 FormData 的 HTTP 请求，并且可以方便地处理返回结果中的 FormData。
本文将介绍如何在 Deno 中使用 fetch API 处理 FormData。
FormData 对象
FormData 对象用于构建表单数据。它具有以下属性和方法：
FormData.entries()：返回一个迭代器，用于遍历表单数据的键值对。FormData.get(name)：返回指定名称的第一个表单数据项的值。FormData.getAll(name)：返回指定名称的所有表单数据项的值。FormData.has(name)：如果表单数据中存在指定名称的数据项，返回true，否则返回false。FormData.append(name, value, filename?)：向FormData对象中添加一个新的键值对。FormData.delete(name)：从FormData对象中删除指定名称的键值对。
我们可以使用这些方法来构建 FormData 对象。以下示例创建一个包含两个键值对的 FormData 对象：
const formData = new FormData();
formData.append('username', 'tom');
formData.append('avatar', new Blob([avatar], { type: 'image/jpeg' }), 'avatar.jpg');使用 fetch 处理 FormData
当我们需要发送包含 FormData 的 HTTP 请求时，可以使用 Deno.fetch API。以下示例使用 Deno.fetch 发送包含 FormData 的 POST 请求：
-- -------------------- ---- ------- ----- -------- - --- ----------- --------------------------- ------- ------------------------- --- -------------- - ----- ------------ --- -------------- ----- -------- - ----- ------------------------------------ - ------- ------- ----- -------- --- -- ------------- - ----- ------------ - ----- -------------------- -------------------------- - ---- - ------------------- ------ --------------------- -
在上面的代码中，我们通过 fetch 方法发送一个 POST 请求，请求的体中包含了我们创建的 FormData 对象。在服务器返回数据时，我们使用 response.formData() 方法获取响应结果中的 FormData 对象。
总结
本文介绍了如何在 Deno 中处理 FormData。通过 Deno.fetch API，我们可以方便地发送包含 FormData 的 HTTP 请求，并处理返回结果中的 FormData 对象。如果你正在使用 Deno 进行开发，希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649c059348841e98948cdae1