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