javaScript中FormData使用方法示例
更新時間：2023年09月19日 15:19:08 作者：灰太狼的情與殤
這篇文章主要為大家介紹了javaScript中FormData使用方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
系統(tǒng)環(huán)境
電腦系統(tǒng) windows11專業(yè)版
開發(fā)環(huán)境 vue2+element2
在開發(fā)的過程中,我們需要使用到FormData來存儲數(shù)據(jù),下面我來分享下FormData的使用方法
創(chuàng)建FormData
let formdata = new FormData();
//可以通過append()方法來追加數(shù)據(jù)
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"); // 返回一個數(shù)組,獲取key為name的所有值判斷是否存在對應的 key 值
let formdata = new FormData();
formdata.append("name","李四");
console.log(formdata.has("name")); // true
console.log(formdata.has("age")); // false刪除數(shù)據(jù)
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跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)
使用uni.$emit觸發(fā)事件后,對應的uni.$on就會監(jiān)聽到事件觸發(fā),在回調中去執(zhí)行相關的邏輯,下面這篇文章主要給大家介紹了關于uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)的相關資料,需要的朋友可以參考下2023-04-04
javascript使用Promise對象實現(xiàn)異步編程
這篇文章主要介紹了javascript使用Promise對象實現(xiàn)異步編程的相關資料,需要的朋友可以參考下2016-03-03
理解Javascript_06_理解對象的創(chuàng)建過程
在《理解Javascript_05_原型繼承原理》一文中已經(jīng)詳細的講解了原型鏈的實現(xiàn)原理，大家都知道原型鏈是基于對象創(chuàng)建的（沒有對象,哪來原型），那么今天就來解析一下對象的創(chuàng)建過程。2010-10-10
TypeScript的合并運算符??提供了一種處理null/undefined值的簡潔方式,它僅在值為null/undefined時返回默認值,不會將0或空字符串視為空值,適用于函數(shù)參數(shù)默認值、對象屬性設置等場景,下面就來詳細的了解一下2026-05-05
這篇文章主要介紹了js 如何刪除對象里的某個屬性，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
在前兩篇文章中，介紹了構造繼承和原型繼承。今天把剩下的兩種寫完，這兩種的應用相對于前兩種來說應用很少，因此我把他們稱為是非主流繼承方式2014-05-05
js模擬彈窗效果代碼，用層實現(xiàn)提示效果代碼2008-04-04
javascript canvas實現(xiàn)簡易時鐘例子
這篇文章主要為大家詳細介紹了javascript canvas實現(xiàn)簡易時鐘例子，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要為大家詳細介紹了用js實現(xiàn)簡單輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07