×

了解下提交表单数据参数的“接口”:FormData

作者:andy0012021.08.30来源:Web前端之家浏览:6265评论:0
关键词:jsFormData

了解下提交表单数据参数的“接口”:FormData。

在我们开发表单功能的时候,经常会用到FormData,FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式,并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去,本接口和此方法都相当简单直接。如果送出时的编码类型被设为 "multipart/form-data",它会使用和表单一样的格式。

如果你想构建一个简单的GET请求,并且通过<form>的形式带有查询参数,可以将它直接传递给URLSearchParams

实现了 FormData 接口的对象可以直接在for...of结构中使用,而不需要调用entries()for (var p of myFormData) 的作用和 for (var p of myFormData.entries()) 是相同的。

注意:此特性可用于 Web Workers。

构造函数

  • FormData()

  • 创建一个新的 FormData 对象。

方法

  • FormData.append()

  • 向 FormData 中添加新的属性值,FormData 对应的属性值存在也不会覆盖原值,而是新增一个值,如果属性不存在则新增一项属性值。

  • FormData.delete()

  • 从 FormData 对象里面删除一个键值对。

  • FormData.entries()

  • 返回一个包含所有键值对的iterator对象。

  • FormData.get()

  • 返回在 FormData 对象中与给定键关联的第一个值。

  • FormData.getAll()

  • 返回一个包含 FormData 对象中与给定键关联的所有值的数组。

  • FormData.has()

  • 返回一个布尔值表明 FormData 对象是否包含某些键。

  • FormData.keys()

  • 返回一个包含所有键的iterator对象。

  • FormData.set()

  • 给 FormData 设置属性值,如果FormData 对应的属性值存在则覆盖原值,否则新增一项属性值。

  • FormData.values()

  • 返回一个包含所有值的iterator对象。


您的支持是我们创作的动力!
温馨提示:本文作者系,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js20210830sdf324.html

网友评论文明上网理性发言已有0人参与

发表评论: