建站
咨詢
售后
建站咨詢
新聞中心
Jquery表單序列化后添加數(shù)據(jù)
serialize()、serializeArray()方法都是jquery用戶序列化表單的，用于ajax提交的data值的序列化
創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)阿爾山,10多年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108
在chrome的控制臺我們很清楚的看到了serializeArray()返回的是json數(shù)組，數(shù)組的每個對象都是有json字符串構(gòu)成，我們可以看到，每個json字符串包括兩個鍵值對，每個鍵值對都是有name,value組成，其實serializeArray()它把表單里的每個需要提交的dom的name的值賦給json字符串的name,dom的value的值賦給json字符串的value.
那么我們只需這要添加額外的內(nèi)容：
var dataParam = $("#updateChannelForm").serializeArray();
例如我想添加sex="男"
dataParam.push({"name":"sex","value":"男"}) 就可以了
我們看到serialize()方法把表單里的內(nèi)容序列化成了字符串
"id=58channelType=2subTitle=591teststetetsextAttrValueId=599"
那么我們只需這要添加額外的內(nèi)容：
var dataParam = $("#updateChannelForm").serialize();
例如我想添加sex="男"
dataParam =dataParam +""+"sex=男"
jquery表單提交數(shù)據(jù) 的幾個方法
jquery表單提交數(shù)據(jù)的方法有兩種：
一種是直接提交，調(diào)用submit()方法，
第二種是用ajax提交，ajax提交要注意講數(shù)據(jù)序列化。
比如：
1、調(diào)用submit()方法
$(表單).submit();
2、ajax提交
$.ajax({
url: url,
data: $(表單).serialize(),
type: 'post',
success: function (data) {
}
});
jQuery 表單數(shù)據(jù)存入 JSON
HTML
因為本人沒用過jQuery，所以前期寫了一堆事件，做了一些調(diào)試工作...
后邊要使用到 name 做判斷
HTML
JS
網(wǎng)頁
注意：
radio 和 checkbox 中的 value 不止一個。
若要把多個數(shù)據(jù)填充給一個 key ，是需要使用數(shù)組存放數(shù)據(jù)的。
第一次寫的時候沒考慮到 radio 和 checkbox 的數(shù)據(jù)，就直接使用字符串賦值了。
后來調(diào)試的時候發(fā)現(xiàn)，不管多選框中選擇多少個項， hobby 的 value 始終是最后一個 checkbox 的 value ....
使用數(shù)組，首先就要初始化對象。
因為使用 Array 對象的 push() 方法可以很方便的向后插入數(shù)據(jù)...
網(wǎng)頁標題：jquery表單數(shù)據(jù),jquery獲取表單的值
當前網(wǎng)址：http://www.dlmjj.cn/article/dsedjie.html
