关于FormData使用append更改值不生效问题
formdata在使用过程中的心得体会
·
FormData是一个对象,但是不能使用常用的获取对象的方法获取它里面的值
let formData = new FormData();
formData.append('name','lili');
console.log(formData.name);
// 这样写是不会获取到name的值的,会返回undefined
console.log(formData.append.name);
// 这样写也是不会获取到name的值的,会返回undefined
FormData的append方法是用来添加数据的,它会在数据的末尾新增,如果添加了多次同一个key的值,并不会把已经添加的值改掉,只会在后面新增一个值(实际上是一个数组)
let formData = new FormData();
formData.append('name','lili');
formData.append('name','huahua');
// 这里面存储的数据实际上会是['lili','huahua']这样的
要是想把已经存在的数据改掉要使用set方法
let formData = new FormData();
formData.set('name','xixi');
// 如果formData里面原来没有name这个字段是会新增这个字段的
// 所以如果在某种逻辑下字段的值需要更改最好直接使用set,就不要用append了,这样写一行代码就够了。
如果想获取某个字段的值就要使用get方法,get方法会获取这个字段的第一个值,使用getAll方法会获得这个字段所有的值
let formData = new FormData();
formData.append('name','huahua');
formData.append('name','lili');
console.log(formData.get('name'));
// 会输出'huahua'
console.log(formData.getAll('name'));
// 会输出['huahua','lili']
判断是否存在某个字段可以使用has方法
let formData = new FormData();
formData.append('name','lili');
console.log(formData.has('name'));// 会返回true
console.log(formData.has('aa'))// 会返回false
删除某个字段可以使用delete方法
let formData = new FormData();
formData.append('name','huahua');
formData.delete('name');
(本文是基于作者在写代码的过程中记录的一些心得体会,如有不恰当的地方欢迎各位大佬指正~)
更多推荐
已为社区贡献2条内容
所有评论(0)