FormData物件的作用

2021-10-11 03:09:31 字數 677 閱讀 4232

1、模擬html表單,相當於將html表單對映成表單物件,自動將表單物件中的資料拼接成請求引數的格式

2、非同步上傳二進位制

1、準備html表單(必須寫name屬性)

當提交到伺服器,表單name屬性作為請求引數的屬性名字

"from"

>

"text" name=

"username"

/>

"password" name=

"password"

/>

"button"

/>

<

/form>

2、將html表單轉換為formdata物件

var form = document.

getelementbyid

('form');

var formdata = new formdata

(form)

;

3、 提交表單(請求方式post)

xhr.

send

(formdata)

;

js檔案post請求接收資料

post

('/formdata'

,(req, res)

=>);});

使用FormData物件

使用formdata物件 利用formdata物件,可以使用一系列的鍵值對來模擬乙個完整的表單,然後使用xmlhttprequest物件來傳送這個 表單 建立乙個formdata物件 方法向該物件裡新增字段,如下 varformdata newformdata formdata.username g...

FormData表單物件

在開發中,處理表單的場景非常多,提交資料的操作如果還使用傳統的方式,先獲取表單元素,在提交就會顯得非常的繁瑣,所以使用formdata物件來處理,就會簡單的許多 方法解釋 new formdata ele 建立乙個formdata物件,傳入乙個表單元素,返回乙個表單物件 get key 獲取表單中對...

FormData物件非同步上傳檔案

xmlhttprequest level 2新增了乙個新的介面formdata,利用formdata物件,我們可以使用xmlhttprequest的send 方法非同步的提交資料,比起普通的ajax,使用formdata的最大優點是可以非同步上傳乙個二進位制檔案 注意 值可以為blob物件,file...