首页 > 网络编程 > JavaScript > javascript技巧 > javaScript FormData方法

javaScript中FormData使用方法示例

2023-09-19 15:16:44 作者：灰太狼的情与殇

这篇文章主要为大家介绍了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方法的资料请关注脚本之家其它相关文章！