jQuery序列化后的表單值轉(zhuǎn)換成Json
小朋友有一個(gè)表單,他想以Json的方式獲取到表單的內(nèi)容。小朋友嘗試了以下方式。
通過$("#form").serialize()
可以獲取到序列化的表單值字符串。
例如:
a=1&b=2&c=3&d=4&e=5
通過$("#form").serializeArray()
輸出以數(shù)組形式序列化表單值。
[ {name: 'firstname', value: 'Hello'}, {name: 'lastname', value: 'World'}, {name: 'alias'}, // 值為空 ]
統(tǒng)統(tǒng)不滿足小朋友想得到Json的愿望。堆棧溢出后,找到了一個(gè)這樣的方法
$.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; };
然后通過 $("#form").serializeObject();
就可以得到Json內(nèi)容嚕。
以上所述是小編給大家介紹的jQuery序列化后的表單值轉(zhuǎn)換成Json,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- 原生js實(shí)現(xiàn)form表單序列化的方法
- jQuery實(shí)現(xiàn)form表單序列化轉(zhuǎn)換為json對(duì)象功能示例
- js表單處理中單選、多選、選擇框值的獲取及表單的序列化
- 基于JavaScript將表單序列化類型的數(shù)據(jù)轉(zhuǎn)化成對(duì)象的處理(允許對(duì)象中包含對(duì)象)
- js表單中選擇框值的獲取及表單的序列化
- jQuery實(shí)現(xiàn)form表單元素序列化為json對(duì)象的方法
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- Javascript表單序列化原理及實(shí)現(xiàn)代碼詳解
相關(guān)文章
jquery實(shí)現(xiàn)上傳文件大小類型的驗(yàn)證例子(推薦)
下面小編就為大家?guī)硪黄猨query實(shí)現(xiàn)上傳文件大小類型的驗(yàn)證例子(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨想過來看看吧2016-06-06Jquery實(shí)現(xiàn)動(dòng)態(tài)切換圖片的方法
這篇文章主要介紹了Jquery實(shí)現(xiàn)動(dòng)態(tài)切換圖片的方法,涉及jQuery頁面元素操作及鏈?zhǔn)讲僮鞯南嚓P(guān)技巧,需要的朋友可以參考下2015-05-05jQuery實(shí)現(xiàn)嵌套選項(xiàng)卡功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)嵌套選項(xiàng)卡功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08Jquery選擇器簡(jiǎn)明版?Jquery選擇器實(shí)用版
最近需要用jquery獲取一些dom數(shù)據(jù)的操作,發(fā)現(xiàn)jquery的選擇器非常強(qiáng)大,很方便進(jìn)行一些dom操作,下面就專門針對(duì)這塊內(nèi)容做個(gè)簡(jiǎn)單的介紹,需要的朋友可以參考下2023-05-05一個(gè)背景云變換js特效 鼠標(biāo)移動(dòng)背景云變化
分享一個(gè)背景云變換js特效隨著鼠標(biāo)的移動(dòng),背景云會(huì)不斷的變化位置和形狀,感興趣的朋友可以研究下2012-12-12jQuery實(shí)現(xiàn)點(diǎn)擊文本框彈出熱門標(biāo)簽的提示效果
點(diǎn)擊文本框彈出熱門標(biāo)簽的效果實(shí)現(xiàn)方法有很多,在本文為大家詳細(xì)介紹下使用jQuery是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過2013-11-11