欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javaScript中FormData使用方法示例

 更新時間：2023年09月19日 15:19:08   作者：灰太狼的情與殤  
這篇文章主要為大家介紹了javaScript中FormData使用方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪

系統環(huán)境

電腦系統 windows11專業(yè)版

開發(fā)環(huán)境 vue2+element2

在開發(fā)的過程中,我們需要使用到FormData來存儲數據,下面我來分享下FormData的使用方法

創(chuàng)建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方法的資料請關注腳本之家其它相關文章！

相關文章

最新評論