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方法的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了JavaScript新窗口与子窗口之间的传值,需要的朋友可以参考下2014-02-02
uniapp跨页面传值uni.$emit和uni.$on的使用及踩坑实战
使用uni.$emit触发事件后,对应的uni.$on就会监听到事件触发,在回调中去执行相关的逻辑,下面这篇文章主要给大家介绍了关于uniapp跨页面传值uni.$emit和uni.$on的使用及踩坑实战的相关资料,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了javascript使用Promise对象实现异步编程的相关资料,需要的朋友可以参考下2016-03-03
在《理解Javascript_05_原型继承原理》一文中已经详细的讲解了原型链的实现原理，大家都知道原型链是基于对象创建的（没有对象,哪来原型），那么今天就来解析一下对象的创建过程。2010-10-10
TypeScript的合并运算符??提供了一种处理null/undefined值的简洁方式,它仅在值为null/undefined时返回默认值,不会将0或空字符串视为空值,适用于函数参数默认值、对象属性设置等场景,下面就来详细的了解一下2026-05-05
这篇文章主要介绍了js 如何删除对象里的某个属性，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
在前两篇文章中，介绍了构造继承和原型继承。今天把剩下的两种写完，这两种的应用相对于前两种来说应用很少，因此我把他们称为是非主流继承方式2014-05-05
js模拟弹窗效果代码，用层实现提示效果代码2008-04-04
这篇文章主要为大家详细介绍了javascript canvas实现简易时钟例子，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要为大家详细介绍了用js实现简单轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
最新评论