Jquery表單序列化后添加數(shù)據(jù)

serialize()、serializeArray()方法都是jquery用戶序列化表單的，用于ajax提交的data值的序列化

創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、成都網(wǎng)站建設、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務阿爾山,10多年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18982081108

在chrome的控制臺我們很清楚的看到了serializeArray()返回的是json數(shù)組，數(shù)組的每個對象都是有json字符串構成，我們可以看到，每個json字符串包括兩個鍵值對，每個鍵值對都是有name,value組成，其實serializeArray()它把表單里的每個需要提交的dom的name的值賦給json字符串的name,dom的value的值賦給json字符串的value.

那么我們只需這要添加額外的內容：

var dataParam = $("#updateChannelForm").serializeArray();

例如我想添加sex="男"

dataParam.push({"name":"sex","value":"男"}) 就可以了

我們看到serialize()方法把表單里的內容序列化成了字符串

"id=58channelType=2subTitle=591teststetetsextAttrValueId=599"

那么我們只需這要添加額外的內容：

var dataParam = $("#updateChannelForm").serialize();

例如我想添加sex="男"

dataParam =dataParam +""+"sex=男"

jquery表單提交數(shù)據(jù) 的幾個方法

jquery表單提交數(shù)據(jù)的方法有兩種：

一種是直接提交，調用submit()方法，

第二種是用ajax提交，ajax提交要注意講數(shù)據(jù)序列化。

比如：

1、調用submit()方法

$(表單).submit();

2、ajax提交

$.ajax({

url: url,

data: $(表單).serialize(),

type: 'post',

success: function (data) {

}

});

jQuery 表單數(shù)據(jù)存入 JSON

HTML

因為本人沒用過jQuery，所以前期寫了一堆事件，做了一些調試工作...

后邊要使用到 name 做判斷

HTML

JS

網(wǎng)頁

注意：

radio 和 checkbox 中的 value 不止一個。

若要把多個數(shù)據(jù)填充給一個 key ，是需要使用數(shù)組存放數(shù)據(jù)的。

第一次寫的時候沒考慮到 radio 和 checkbox 的數(shù)據(jù)，就直接使用字符串賦值了。

后來調試的時候發(fā)現(xiàn)，不管多選框中選擇多少個項， hobby 的 value 始終是最后一個 checkbox 的 value ....

使用數(shù)組，首先就要初始化對象。

因為使用 Array 對象的 push() 方法可以很方便的向后插入數(shù)據(jù)...

名稱欄目：jquery表單數(shù)據(jù),jquery獲取表單的值
文章起源：http://jinyejixie.com/article4/dsedjie.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設、Google、軟件開發(fā)、ChatGPT、、App設計

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)