jQuery-serialize()輸出序列化form表單值的方法

jQuery ajax()使用serialize()提交form數(shù)據(jù)

jQuery的serialize()方法通過(guò)序列化表單值锅劝,創(chuàng)建URL編碼文本字符串,我們就可以選擇一個(gè)或多個(gè)表單元素坞生,也可以直接選擇form將其序列化,如:

<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>

$(document).ready(function(){
    console.log($("form").serialize()); // FirstName=Bill&LastName=Gates
});

這樣,我們就可以把序列化的值傳給ajax()作為url的參數(shù)痕支,輕松使用ajax()提交form表單了待讳,而不需要一個(gè)一個(gè)獲取表單中的值然后傳給ajax()芒澜,舉例如下:

$.ajax({
    type: 'get',
    url: 'your url',
    data: $("form").serialize(),
    success: function(data) {
        // your code
    }
});

補(bǔ)充

輸出標(biāo)準(zhǔn)的查詢字符串:
a=1&b=2&c=3&d=4&e=5
注釋:只會(huì)將”成功的控件“序列化為字符串。如果不使用按鈕來(lái)提交表單创淡,則不對(duì)提交按鈕的值序列化痴晦。如果要表單元素的值包含到序列字符串中,元素必須使用 name 屬性琳彩。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末誊酌,一起剝皮案震驚了整個(gè)濱河市部凑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌碧浊,老刑警劉巖砚尽,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異辉词,居然都是意外死亡必孤,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門瑞躺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)敷搪,“玉大人,你說(shuō)我怎么就攤上這事幢哨∩目保” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵捞镰,是天一觀的道長(zhǎng)闸与。 經(jīng)常有香客問(wèn)我,道長(zhǎng)岸售,這世上最難降的妖魔是什么践樱? 我笑而不...
    開(kāi)封第一講書人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮凸丸,結(jié)果婚禮上拷邢,老公的妹妹穿的比我還像新娘。我一直安慰自己屎慢,他們只是感情好瞭稼,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著腻惠,像睡著了一般环肘。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上集灌,一...
    開(kāi)封第一講書人閱讀 51,155評(píng)論 1 299
  • 那天悔雹,我揣著相機(jī)與錄音,去河邊找鬼绝页。 笑死荠商,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的续誉。 我是一名探鬼主播莱没,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼酷鸦!你這毒婦竟也來(lái)了饰躲?” 一聲冷哼從身側(cè)響起牙咏,我...
    開(kāi)封第一講書人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嘹裂,沒(méi)想到半個(gè)月后妄壶,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡寄狼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年丁寄,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泊愧。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡伊磺,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出删咱,到底是詐尸還是另有隱情屑埋,我是刑警寧澤,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布痰滋,位于F島的核電站摘能,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏敲街。R本人自食惡果不足惜团搞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望聪富。 院中可真熱鬧莺丑,春花似錦著蟹、人聲如沸墩蔓。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)奸披。三九已至,卻和暖如春涮雷,著一層夾襖步出監(jiān)牢的瞬間阵面,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工洪鸭, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留样刷,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓览爵,卻偏偏與公主長(zhǎng)得像置鼻,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蜓竹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 第1章 jQuery實(shí)現(xiàn)Ajax應(yīng)用 1-1 使用load()方法異步請(qǐng)求數(shù)據(jù) 使用load()方法通過(guò)Ajax請(qǐng)...
    mo默22閱讀 1,697評(píng)論 1 9
  • Attribute: $("p").addClass(css中定義的樣式類型); 給某個(gè)元素添加樣式 $("img...
    撲克臉_457e閱讀 568評(píng)論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開(kāi)發(fā)人員創(chuàng)造搞交互性界面的方式箕母。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性储藐。 1....
    LaBaby_閱讀 1,171評(píng)論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開(kāi)發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性嘶是。 1....
    LaBaby_閱讀 1,335評(píng)論 0 2
  • 偶然發(fā)現(xiàn)京東更換logo聂喇,小鐵狗變成了萌萌的小白狗辖源,除了這個(gè),JD.com的標(biāo)志也去掉了希太!今天的故事就從京東log...
    劉祖義閱讀 353評(píng)論 0 0