使用formdata物件
利用formdata物件,可以使用一系列的鍵值對來模擬乙個完整的表單,然後使用xmlhttprequest物件來傳送這個「表單」。
建立乙個formdata物件
方法向該物件裡新增字段,如下:
varformdata =newformdata();
formdata.
('username'
,'groucho');
formdata.
('account'
,123456);
//數字
123456
被立即轉換成字串
在該例子中,我們建立了乙個名為formdata的formdata物件,該物件中包含了名為"username", "accountnum"的欄位名,然後使用xmlhttprequest的send()
方法把這些資料傳送了出去.
使用html表單來初始化乙個formdata物件
可以用乙個已有的
然後你就可以使用下面的**來非同步上傳使用者選擇的檔案:
functionsendform()else
};
oreq.
send
(odata)
;}
varfd =newformdata(document
.getelementbyid
("fileinfo"));
fd.(
"customfield"
, "this is some extra data");
$.ajax
();
FormData表單物件
在開發中,處理表單的場景非常多,提交資料的操作如果還使用傳統的方式,先獲取表單元素,在提交就會顯得非常的繁瑣,所以使用formdata物件來處理,就會簡單的許多 方法解釋 new formdata ele 建立乙個formdata物件,傳入乙個表單元素,返回乙個表單物件 get key 獲取表單中對...
Ajax使用FormData物件上傳檔案
formdata物件,是可以使用一系列的鍵值對來模擬乙個完整的表單,然後使用xmlhttprequest傳送這個 表單 var formdata new formdata ajax done function res fail function res 儲存上傳後返回的id var json 多個i...
FormData物件的作用
1 模擬html表單,相當於將html表單對映成表單物件,自動將表單物件中的資料拼接成請求引數的格式 2 非同步上傳二進位制 1 準備html表單 必須寫name屬性 當提交到伺服器,表單name屬性作為請求引數的屬性名字 from text name username password name ...