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