世上沒有最聰明的人,只有最懶的人,分享乙個表單資料序列化為json資料,通過ajax提交資料就不用乙個乙個的去獲取值了,用下面的方法一鍵取值,懶人必備利器
$.fn.serializeobject = function () ;
var a = this.serializearray();
$.each(a, function ()
o[this.name].push(this.value || '');
} else
});return o;
};
有了這個方法後獲取表單資料就很簡單了,如下:
var formdata = $("#formdata").serializeobject();
控制台列印輸出結果值:
console.log(json.stringify(formdata));
formdata得到的就是最終轉為json資料的結果值,也就是最後ajax提交的資料,formdate就是form表單的id值,使用該方法提交資料需要給提交按鈕加上監聽事件,為了使用ajax提交表單資料,監聽事件最後加上乙個返回值,避免表單提交跳轉
return false分享一下我的例值,使用了layui框架:
//監聽提交按鈕-頁面對應按鈕提交
form.on("submit(demo)",function (data) );
settimeout(function () ,1000)
} else );
}});
form.render();
layer.close(index)
}});
return false;//防止表單資料提交頁面跳轉
});
form表單序列化為json
開發過程中,可能會涉及到表單提交,如果直接提交,那整個頁面會重新整理,並且也無法獲取對應的提示資訊。所以表單提交通常用ajax來實現,如果整個表單的字段很多,乙個個的拼接很麻煩,這裡介紹乙個工具 form序列化為json fn.serializeobject function var a this....
Jquery將form表單序列化成JSON物件
廢話不多說,直接上 將這個表單的資料提交給介面,介面所需為json物件 因為通過 form serializearray 輸出的是陣列形式的,所以我們必須用別的方法 function var a this.serializearray each a,function o this.name push...
form表單序列化為Jquery物件
1 form id dailyfinancial class form inline 2 div class form group 3 label for financialtype 記賬型別 label 4 select class form control id financialtype na...