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