FormData用法詳解

'text' name=
'name'
/>名字
'password' name=
'password'
/>密碼
<
/form>

// 建立formdata空物件

var formdata =
newformdata
()

// 根據form標籤的id，獲取form表單元素

var myform = document.
getelementbyid
('form'
)// - var formdata = new formdata()
// 將獲得的表單元素作為引數，對formdata進行初始化
var formdata =
newformdata
(myform)

// 建立formdata空物件

var formdata =
newformdata
()

formdata.

('username'

,'chris'

)get

get方法用於返回formdata物件中和指定的鍵關聯的第乙個值

// formdata.get(name)

formdata.
('username'
,'chris'
)formdata.
('username'
,'bob'
)formdata.
get(
'username'
)// chris

getall方法會返回該 formdata 物件指定 key 的所有值

// formdata.getall(name)

formdata.
('username'
,'chris'
)formdata.
('username'
,'bob'
)formdata.
getall
('username');
// ["chris", "bob"]

delete方法會從 formdata 物件中刪除指定鍵，即 key，和它對應的值，即 value

// formdata.delete(name)

formdata.
delete
('username'
)

set方法會對 formdata 物件裡的某個 key 設定乙個新的值，如果該 key 不存在，則新增

在這裡我們可以看出set

// formdata.set(name, value)

formdata.
set(
'username'
,'chris'
)formdata.
set(
'username'
,'bob'
)formdata.
get(
'username'
)// bob

has方法會返回乙個布林值，表示該formdata物件是否含有某個key

// formdata.has(name)

formdata.
has(
'username'
)

FormData用法詳解

formdata 物件 1 建立乙個空物件 2 使用已有表單來初始化物件 表單示例 方法示例 獲取頁面已有的乙個form表單 var form document.getelementbyid myform 用表單來初始化 var formdata new formdata form 我們可以根據na...

FormData使用方法詳解

formdata的主要用途有兩個 將form表單元素的name與value進行組合，實現表單資料的序列化，從而減少表單元素的拼接，提高工作效率。非同步上傳檔案 通過formdata建構函式建立乙個空物件 var formdata new formdata 通過get方法對值進行讀取 console....

FormData使用方法詳解

formdata的主要用途有兩個 1 將form表單元素的name與value進行組合，實現表單資料的序列化，從而減少表單元素的拼接，提高工作效率。2 非同步上傳檔案1 建立乙個空物件 通過formdata建構函式建立乙個空物件 var formdata new formdata 通過get方法對值...