FormData控制台打印为空,前端如何获取FormData的值

当FormData在控制台打印为空时,原因是其不可序列化。前端可以通过遍历FormData对象来获取键值对。本文详细介绍了这个问题的原因及解决方法,并提供了相关参考资料。

FormData控制台打印为空,前端如何获取FormData的值

1. FormData控制台打印为空的原因

原因:FormData是一种特殊的对象类型,不可序列化,因此使用console.log()直接打印显示的是FormData原型

let form = new FormData()
form.append('name', '张三')
console.log(form)
// 输出为 FormData{}

2. 前端如何获取FormData的值

方法:遍历FormData,逐个打印键值对

let form = new FormData()
form.append('name', '张三')
form.forEach((key, val) => {
	console.log("key %s: value %s", key, val)
})
// 输出为 key name: value 张三 

3. 参考资料

  1. MDN FormData
  2. FormData控制台打印为空及使用方法
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值