将传参转化成formData格式,进行前后端交互实现删除功能

18 篇文章 0 订阅
15 篇文章 2 订阅

场景:

       删除功能一般来说,前端需要给后端传一个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.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对象。

官网链接:https://developer.mozilla.org/zh-CN/docs/Web/API/FormData

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值