jquery的.serializeArray()方法可以獲取形如以下

[ {name: 'firstname', value: 'Hello'}, {name: 'lastname', value: 'World'}, ]

name value組成的對(duì)象數(shù)組，如果我們想得到key為name,value為value的json對(duì)象，則如下轉(zhuǎn)換：

var m = {}; $.each($("form").serializeArray(), function(i, field){m[field.name]=field.value; });

但是這么轉(zhuǎn)換有一個(gè)弊端，就是checkbox，復(fù)選框有多個(gè)name相同的值，最后只留下了最后一個(gè)，如果想把復(fù)選框多個(gè)name相同的值存為數(shù)組，有一個(gè)解決辦法是辦json對(duì)象的值全變?yōu)閿?shù)組類型，如下：

var m = {};$.each($(v).find(".panel-body form").serializeArray(), function(i, field){if(!m.hasOwnProperty(field.name)){m[field.name]=[];}m[field.name].push(field.value)});

這樣可以保證復(fù)選框的值存為一個(gè)數(shù)組，但是其他值要通過(guò) m.key[0]來(lái)獲取了。

這里注意，在頁(yè)面中除了單選按鈕? 復(fù)選框?qū)懚鄠€(gè)相同的name值以外，其他不要出現(xiàn)name相同的表單哦。

jquery方法.serializeArray()還有一個(gè)弊端，就是不能獲取input file添加的圖片元素。

轉(zhuǎn)載于:https://www.cnblogs.com/beileixinqing/p/9068861.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的jquery方法.serializeArray()获取name和value并转为json数组的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。