javaScript中FormData使用方法示例
更新時間：2023年09月19日 15:19:08 作者：灰太狼的情與殤
這篇文章主要為大家介紹了javaScript中FormData使用方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
系統(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方法對值進(jìn)行讀取
console.log(formdata.get("name")); // 張三
//通過set方法對值進(jìn)行修改
formdata.set("name","李四");
console.log(formdata.get("name")); // 李四// 也可以使用遍歷對象的方法來進(jìn)行添加
let data = {
name:"張三",
age:26,
sex:"男"
}
const formData = new FormData();
Object.keys(data).forEach((key) => {
formData.append(key, data[key]);
});獲取相對應(yīng)的值
formData.get("name"); // 獲取key為name的第一個值
formData.getAll("name"); // 返回一個數(shù)組,獲取key為name的所有值判斷是否存在對應(yīng)的 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使用方法示例的詳細(xì)內(nèi)容，更多關(guān)于javaScript FormData方法的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
webpack4 SplitChunks實現(xiàn)代碼分隔詳解
這篇文章主要介紹了webpack4 SplitChunks實現(xiàn)代碼分隔詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了asp.net+js實現(xiàn)金額格式化的相關(guān)資料,需要的朋友可以參考下2015-02-02
javascript 中的 delete及delete運算符
這篇文章主要介紹了javascript 中的 delete及delete運算符的相關(guān)資料,需要的朋友可以參考下2015-11-11
jsvascript圖像處理—(計算機視覺應(yīng)用)圖像金字塔
上一篇文章，我們講解了邊緣梯度計算函數(shù)，這篇文章我們來了解圖像金字塔;圖像金字塔被廣泛用于計算機視覺應(yīng)用中;圖像金字塔是一個圖像集合，集合中所有的圖像都源于同一個原始圖像，而且是通過對原始圖像連續(xù)降采樣獲得的2013-01-01
這篇文章主要介紹了前端取消接口調(diào)用的相關(guān)資料,講解了XMLHttpRequest和AbortController兩種取消HTTP請求的方法,XMLHttpRequest通過abort()方法取消請求,而AbortController提供了一個更現(xiàn)代和靈活的解決方案,需要的朋友可以參考下2025-03-03
javascript cookie解碼函數(shù)（兼容ff）
javascript cookie解碼函數(shù)2008-03-03
最近剛接觸了uni-app,用于開發(fā)微信小程序,設(shè)計到了微信授權(quán)登錄,下面這篇文章主要給大家介紹了關(guān)于uni-app中使用手機號一鍵登錄的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
做項目時遇到一個數(shù)據(jù)表需要展示，由于堅定著使用合理標(biāo)簽表示合適內(nèi)容，于是使用了table，悲劇開始了。2010-01-01
今天一朋友問我 點擊一按鈕彈出一個DIV，然后要求點擊頁面其它地方隱藏這個DIV2012-07-07
這篇文章主要介紹了JS倒計時兩種實現(xiàn)方式代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-07-07