场景:
删除功能一般来说,前端需要给后端传一个json,json 里面是进行删除操作的ID,但是后端有时会要求我们传formData格式的数据,这个时候,传参为json 的方式就不合适了,故对参数进行以下处理。
删除的方法:
onHandleDelete = obj => {
const { defaultQuery, searchQuery } = this.state;
const formData = new FormData();
formData.append('contractId', obj.id);
formData.append('version', obj.version);
const action = `${window.location.origin}/galaxy/webapi/galaxy/libraSett/delete`;
reqwest({
url: action,
method: 'post',
processData: false,
data: formData,
success: result => {
if (String(result.retCode) === '1') {
message.error(result.message || '删除失败!');
} else {
message.success(result.message || '删除成功!');
this.props.queryGoldLeaseContractList({ ...(searchQuery || defaultQuery) });
}
},
});
};
此前并未用过formData的数据处理方式,故特意将此种应用进行记录。
formData的一些基本用法:
FormData
接口提供了一种表示表单数据的键值对的构造方式。
formData 方法应用的实例链接:https://www.jianshu.com/p/e984c3619019
构造函数:
FormData()
创建一个新的 FormData
对象。
方法:
向 FormData
中添加新的属性值,FormData
对应的属性值存在也不会覆盖原值,而是新增一个值,如果属性不存在则新增一项属性值。
从 FormData 对象里面删除一个键值对。
返回一个包含所有键值对的iterator
对象。
返回在FormData
对象中与给定键关联的第一个值。
返回一个包含 FormData
对象中与给定键关联的所有值的数组。
返回一个布尔值表明 FormData
对象是否包含某些键。
返回一个包含所有键的iterator
对象。
给 FormData
设置属性值,如果FormData
对应的属性值存在则覆盖原值,否则新增一项属性值。
返回一个包含所有值的iterator
对象。
官网链接:https://developer.mozilla.org/zh-CN/docs/Web/API/FormData