FormData表單物件

2021-09-26 09:31:27 字數 940 閱讀 8033

在開發中,處理表單的場景非常多,提交資料的操作如果還使用傳統的方式,先獲取表單元素,在提交就會顯得非常的繁瑣,所以使用formdata物件來處理,就會簡單的許多

方法解釋

new formdata(ele)

建立乙個formdata物件,傳入乙個表單元素,返回乙個表單物件

get(『key』)

獲取表單中對應name的value值

set(『key』,『value』)

設定或追加表單物件中屬性的屬性值

delete(『key』)

刪除表單物件中屬性的值

向表單物件中追加屬性值

示例:

formdata是html5中提供的,在老的瀏覽器中它可能會有相容去的問題,使用serialize方法可以將表單中的資料自動拼接稱字串型別的引數

示例**:

//將表單物件直接 .serialize()即可

var params= $("#form").serialize();

console.log(params); //'name=zhangsan&age=10'

將表單中使用者輸入的內容轉換為物件型別

封裝乙個函式**:

// 將表單中使用者輸入的內容轉換為物件型別

function serializeobject (obj) ;

// [, ]

var params = obj.serializearray();

// 迴圈陣列 將陣列轉換為物件型別

$.each(params, function (index, value) )

// 將處理的結果返回到函式外部

return result;

}

使用FormData物件

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

FormData表單序列化

當我們用ajax提交表單時,通常用的都是serialize對表單進行序列化。但是有了檔案標籤type file 時,用serialize進行序列化,就會有問題了 解決表單有檔案時序列化的方法,就是用formdata 下面來說下formdata怎麼用 例項化了乙個空的formdata物件,可以認為它就...

FormData物件的作用

1 模擬html表單,相當於將html表單對映成表單物件,自動將表單物件中的資料拼接成請求引數的格式 2 非同步上傳二進位制 1 準備html表單 必須寫name屬性 當提交到伺服器,表單name屬性作為請求引數的屬性名字 from text name username password name ...