关于javascript:javaScript中FormData使用

1. 电脑系统 windows11 专业版
2. 开发环境 vue2+element2
3. 在开发的过程中, 咱们须要应用到 FormData 来存储数据, 上面我来分享下 FormData 的应用办法。
4. 创立 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]);
});

4-1. 获取绝对应的值

formData.get("name"); // 获取 key 为 name 的第一个值
formData.getAll("name"); // 返回一个数组, 获取 key 为 name 的所有值 

4-2. 判断是否存在对应的 key 值

let formdata = new FormData();
formdata.append("name","李四");

console.log(formdata.has("name")); // true
console.log(formdata.has("age")); // false

4-3. 删除数据

let formdata = new FormData();

formdata.append("name","李四");
console.log(formdata.get("name")); // 李四

formdata.delete("name");
console.log(formdata.get("name")); // null

99. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。