在開發中,處理表單的場景非常多,提交資料的操作如果還使用傳統的方式,先獲取表單元素,在提交就會顯得非常的繁瑣,所以使用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 ...