FormData物件的作用

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

2、非同步上傳二進位制

1、準備html表單（必須寫name屬性）

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

"from"

>
"text" name=
"username"
/>
"password" name=
"password"
/>
"button"
/>
<
/form>

var form = document.

getelementbyid
('form');
var formdata = new formdata
(form)
;

xhr.

send
(formdata)
;

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...