使用FormData物件

2021-07-10 21:34:03 字數 1144 閱讀 7299

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