js post请求模仿form表单数据格式传输
2019-07-10 本文已影响0人
yonglei_shang
在开发过程中后端要求请求方式为post,但传输的数据格式为form表单formdata形式的。
在用axios插件请求数据时实现上述请求,可以添加params
属性,但是这种方式会在请求url后面拼接请求参数,与post请求有些不符。
FormData
FormData
接口提供了一种表示表单数据的键值对的构造方式,经过它的数据可以使用XMLHttpRequest.send()
方法送出,本接口和此方法都相当简单直接。如果送出时的编码类型被设为"multipart/form-data"
,它会使用和表单一样的格式。
方法
方法名 | 介绍 |
---|---|
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 对象。 |