javaScript中FormData使用方法示例
更新时间：2023年09月19日 15:19:08 作者：灰太狼的情与殇
这篇文章主要为大家介绍了javaScript中FormData使用方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
系统环境
电脑系统 windows11专业版
开发环境 vue2+element2
在开发的过程中,我们需要使用到FormData来存储数据,下面我来分享下FormData的使用方法
创建FormData
let formdata = new FormData();
//可以通过append()方法来追加数据
formdata.append("name","张三");
//通过get方法对值进行读取
console.log(formdata.get("name")); // 张三
//通过set方法对值进行修改
formdata.set("name","李四");
console.log(formdata.get("name")); // 李四// 也可以使用遍历对象的方法来进行添加
let data = {
name:"张三",
age:26,
sex:"男"
}
const formData = new FormData();
Object.keys(data).forEach((key) => {
formData.append(key, data[key]);
});获取相对应的值
formData.get("name"); // 获取key为name的第一个值
formData.getAll("name"); // 返回一个数组,获取key为name的所有值判断是否存在对应的 key 值
let formdata = new FormData();
formdata.append("name","李四");
console.log(formdata.has("name")); // true
console.log(formdata.has("age")); // false删除数据
let formdata = new FormData();
formdata.append("name","李四");
console.log(formdata.get("name")); // 李四
formdata.delete("name");
console.log(formdata.get("name")); // null以上就是javaScript中FormData使用方法示例的详细内容，更多关于javaScript FormData方法的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了webpack4 SplitChunks实现代码分隔详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了asp.net+js实现金额格式化的相关资料,需要的朋友可以参考下2015-02-02
javascript 中的 delete及delete运算符
这篇文章主要介绍了javascript 中的 delete及delete运算符的相关资料,需要的朋友可以参考下2015-11-11
上一篇文章，我们讲解了边缘梯度计算函数，这篇文章我们来了解图像金字塔;图像金字塔被广泛用于计算机视觉应用中;图像金字塔是一个图像集合，集合中所有的图像都源于同一个原始图像，而且是通过对原始图像连续降采样获得的2013-01-01
这篇文章主要介绍了前端取消接口调用的相关资料,讲解了XMLHttpRequest和AbortController两种取消HTTP请求的方法,XMLHttpRequest通过abort()方法取消请求,而AbortController提供了一个更现代和灵活的解决方案,需要的朋友可以参考下2025-03-03
javascript cookie解码函数2008-03-03
最近刚接触了uni-app,用于开发微信小程序,设计到了微信授权登录,下面这篇文章主要给大家介绍了关于uni-app中使用手机号一键登录的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下2023-01-01
做项目时遇到一个数据表需要展示，由于坚定着使用合理标签表示合适内容，于是使用了table，悲剧开始了。2010-01-01
今天一朋友问我 点击一按钮弹出一个DIV，然后要求点击页面其它地方隐藏这个DIV2012-07-07
这篇文章主要介绍了JS倒计时两种实现方式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
最新评论