該函數(shù)不會(huì)序列化不需要提交的表單控件，這和常規(guī)的表單提交行為是一致的。例如：不在<form>標(biāo)簽內(nèi)的表單控件不會(huì)被提交、沒有name屬性的表單控件不會(huì)被提交、帶有disabled屬性的表單控件不會(huì)被提交、沒有被選中的表單控件不會(huì)被提交。

與常規(guī)表單提交不一樣的是：常規(guī)表單一般會(huì)提交帶有name的按鈕控件，而serialize()函數(shù)不會(huì)序列化帶有name的按鈕控件。

返回值

serialize()函數(shù)的返回值為String類型，返回將表單元素編碼后的可用于表單提交的文本字符串。

示例&說(shuō)明

請(qǐng)參考下面這段初始HTML代碼：

<form name="myForm" action="http://www.365mini.com" method="post">
  <input name="uid" type="hidden" value="1" />
  <input name="username" type="text" value="張三" />
  <input name="password" type="text" value="123456" />
  <select name="grade" id="grade">
    <option value="1">一年級(jí)</option>
    <option value="2">二年級(jí)</option>
    <option value="3" selected="selected">三年級(jí)</option>
    <option value="4">四年級(jí)</option>
    <option value="5">五年級(jí)</option>
    <option value="6">六年級(jí)</option>
  </select>
  <input name="sex" type="radio" checked="checked" value="1" />男
  <input name="sex" type="radio" value="0" />女
  <input name="hobby" type="checkbox" checked="checked" value="1" />游泳
  <input name="hobby" type="checkbox" checked="checked" value="2" />跑步
  <input name="hobby" type="checkbox" value="3" />羽毛球
  <input name="btn" id="btn" type="button" value="點(diǎn)擊" />
</form>

對(duì)<form>元素進(jìn)行序列化可以直接序列化其內(nèi)部的所有表單元素。

// 序列化<form>內(nèi)的所有表單元素
// 序列化后的結(jié)果：uid=1&username=%E5%BC%A0%E4%B8%89&password=123456&grade=3&sex=1&hobby=1&hobby=2
alert( $("form").serialize() );

我們也可以直接對(duì)部分表單元素進(jìn)行序列化。

// 序列化所有的text、select、checkbox表單元素
// 序列化后的結(jié)果：username=%E5%BC%A0%E4%B8%89&password=123456&grade=3&hobby=1&hobby=2
alert( $(":text, select, :checkbox").serialize() );

serialize()函數(shù)通常用于將表單內(nèi)容序列化，以便通過AJAX方式提交。

$("#btn").click( function(){

  // 將當(dāng)前表單內(nèi)容以POST請(qǐng)求的AJAX方式提交到"http://www.365mini.com"
  $.post( "http://www.365mini.com", $("form").serialize(), function( data, textStatus, jqXHR ){
    alert( "AJAX提交成功!" );    
  } );
    
} );

以上這篇jquery.serialize() 函數(shù)語(yǔ)法及簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: