亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JQuery中serialize()用法實例分析

2019-11-20 13:12:24
字體:
來源:轉載
供稿:網友

本文實例講述了JQuery中serialize()用法。分享給大家供大家參考。具體分析如下:

一、serialize()定義和用法:

serialize()方法通過序列化表單值,創建標準的URL編碼文本字符串,它的操作對象是代表表單元素集合的jQuery 對象。你可以選擇一個或多個表單元素(比如input或文本框),或者 form 元素本身。序列化的值可在生成 AJAX 請求時用于 URL 查詢字符串中。
 
語法:

$(selector).serialize()
 
詳細說明

1、.serialize() 方法創建以標準 URL 編碼表示的文本字符串。它的操作對象是代表表單元素集合的 jQuery 對象。

2、.serialize() 方法可以操作已選取個別表單元素的 jQuery 對象,比如 <input>, <textarea> 以及 <select>。不過,選擇 <form> 標簽本身進行序列化一般更容易些

3、只會將”成功的控件“序列化為字符串。如果不使用按鈕來提交表單,則不對提交按鈕的值序列化。如果要表單元素的值包含到序列字符串中,元素必須使用 name 屬性。
 
4、form里面的name不能夠用 Js、jquery里的關鍵字。
例如:length

復制代碼 代碼如下:
<form id="form1">
   <input name="length" type="text" value="pipi" />
   <input name="blog" type="text" value="blue submarine" />
</form>

//使用:$("#form1").serialize();

上面則獲取不到值。
 
二、JQuery中serialize()實例
 
1、ajax serialize()

復制代碼 代碼如下:
$.ajax({
    type: "POST",
    dataType: "json",
    url:ajaxCallBack,
    data:$('#myForm').serialize(),// 要提交表單的ID
    success: function(msg){
        alert(msg);
    }
});

2、serialize() 序列化表單實例

復制代碼 代碼如下:
<script src="jquery-1.7.min。js"></script>
<script>
$(function(){
   $("#submit").click(function(){
     alert($("#myForm").serialize());
   });
});
</script>
<form id="myForm">
昵稱 <input type="text" name="username" value="admin" /><br />
密碼 <input type="password" name="password" value="admin123" /><br />
<input type="button" id="submit" value="序列化表單" />
</form>

點擊按鈕之后彈出:

username=admin&password=admin123
 
三、serialize是用param方法對serializeArray的一個簡單包裝
 
1、$.param()

$.param()方法是serialize()方法的核心,用來對一個數組或對象按照key/value進行序列化。
 
param方法的js代碼

復制代碼 代碼如下:
param: function( a ) {
///    <summary>
///        This method is internal.  Use serialize() instead.
///    </summary>
///    <param name="a" type="Map">A map of key/value pairs to serialize into a string.</param>'
///    <returns type="String" />
///    <private />

var s = [ ];

function add( key, value ){
    s[ s.length ] = encodeURIComponent(key) + '=' + encodeURIComponent(value);
};

// If an array was passed in, assume that it is an array
// of form elements
if ( jQuery.isArray(a) || a.jquery )
    // Serialize the form elements
    jQuery.each( a, function(){
 add( this.name, this.value );
    });

// Otherwise, assume that it's an object of key/value pairs
else
    // Serialize the key/values
    for ( var j in a )
 // If the value is an array then the key names need to be repeated
 if ( jQuery.isArray(a[j]) )
     jQuery.each( a[j], function(){
  add( j, this );
     });
 else
     add( j, jQuery.isFunction(a[j]) ? a[j]() : a[j] );

// Return the resulting serialization
return s.join("&").replace(/%20/g, "+");
}

例如:

復制代碼 代碼如下:
var obj = {a:1,b:2,c:3};
var k = $.param(obj);
alert(k);    //輸出a=1&b=2&c=3

 
2、serializeArray
 
serializeArray方法是將一個表單當中的各個字段序列化成一個數組
serializeArray方法的jquery定義
復制代碼 代碼如下:
serializeArray: function() {
///    <summary>
///        Serializes all forms and form elements but returns a JSON data structure.
///    </summary>
///    <returns type="String">A JSON data structure representing the serialized items.</returns>

return this.map(function(){
    return this.elements ? jQuery.makeArray(this.elements) : this;
})
.filter(function(){
    return this.name && !this.disabled &&
 (this.checked || /select|textarea/i.test(this.nodeName) ||
     /text|hidden|password|search/i.test(this.type));
})
.map(function(i, elem){
    var val = jQuery(this).val();
    return val == null ? null :
 jQuery.isArray(val) ?
     jQuery.map( val, function(val, i){
  return {name: elem.name, value: val};
     }) :
     {name: elem.name, value: val};
    }).get();
}

serializeArray數據例子:

復制代碼 代碼如下:
[ {
 name : username,
 value : 中國
 }, {
 name : password,
 value : xxx
}]

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美在线视频免费播放| 日韩电视剧在线观看免费网站| 欧美理论在线观看| 美女啪啪无遮挡免费久久网站| 亚洲最新中文字幕| 一区二区欧美激情| 亚洲一区二区三区视频| 国产精品无码专区在线观看| 欧美人成在线视频| 97香蕉超级碰碰久久免费的优势| 欧美成人午夜激情视频| 欧美高清理论片| 91精品国产91久久久久久久久| 九色成人免费视频| 欧美成人免费全部观看天天性色| 亚洲性视频网址| 亚洲成色777777在线观看影院| 成人免费直播live| 欧美在线免费看| 欧美日韩国产成人高清视频| 久久成人在线视频| 国产欧美精品日韩精品| 国产精品三级美女白浆呻吟| 91经典在线视频| 91香蕉嫩草神马影院在线观看| 亚洲一区制服诱惑| 色诱女教师一区二区三区| 欧美激情videoshd| 国产精品视频精品视频| 欧美中在线观看| 久久精品国产欧美激情| 九九久久久久99精品| 久久精品成人欧美大片古装| 色哟哟网站入口亚洲精品| 日韩av在线免费| 欧美精品手机在线| 国产精品自拍偷拍视频| xxxx性欧美| 国模极品一区二区三区| 欧美尺度大的性做爰视频| 国产香蕉97碰碰久久人人| 久久精品成人欧美大片| 欧美成人免费视频| 91久久国产精品| 亚洲欧美变态国产另类| 久久91精品国产| 大桥未久av一区二区三区| 精品视频久久久久久久| 亚洲精品一区二区在线| 亚洲综合第一页| www.日韩欧美| 国产精品福利在线观看网址| 亚洲视频网站在线观看| www.久久久久久.com| 亚洲国内精品视频| 亚洲一区美女视频在线观看免费| 日韩精品在线免费观看视频| 中文字幕亚洲欧美日韩2019| 草民午夜欧美限制a级福利片| 91禁外国网站| 欧美精品九九久久| 久久久这里只有精品视频| 欧美巨乳在线观看| 日韩av在线免费播放| 日韩av免费在线观看| 亚洲精品www久久久久久广东| 中文字幕免费精品一区| 97精品国产97久久久久久春色| 影音先锋欧美在线资源| 亚洲人成电影网站色| 亚洲老板91色精品久久| 欧美性在线视频| 久精品免费视频| 欧美裸体xxxx极品少妇| 爱福利视频一区| 日韩成人在线观看| 精品久久久久久久久久国产| 欧美精品www在线观看| 黑人极品videos精品欧美裸| 国产成人一区二| 北条麻妃99精品青青久久| 久久这里只有精品99| 国产精品99蜜臀久久不卡二区| 91av视频在线播放| 国产精品久久9| xxx一区二区| 日韩欧美成人网| 日韩av第一页| 日韩毛片在线观看| 精品亚洲一区二区| 亚洲国产又黄又爽女人高潮的| 日韩美女视频中文字幕| 欧美大片大片在线播放| 国产日韩欧美在线观看| 国产精品视频专区| 国内精品视频在线| 91在线色戒在线| 正在播放亚洲1区| 久久精品国产2020观看福利| 亚洲第一福利在线观看| 亚洲福利视频二区| 在线视频欧美日韩精品| 欧美成人四级hd版| 日韩成人在线播放| 欧美成人亚洲成人日韩成人| 国产精品香蕉国产| 精品久久久久久久中文字幕| 国产精品久久99久久| 中文字幕9999| 亚洲在线视频福利| 日韩av在线网址| 国产日韩一区在线| 日本最新高清不卡中文字幕| 亚洲精品日韩欧美| 国产精品国产三级国产aⅴ9色| 亚洲综合大片69999| 亚洲电影成人av99爱色| 热久久美女精品天天吊色| 亚洲va欧美va国产综合久久| 欧美制服第一页| 国产91热爆ts人妖在线| 美女福利精品视频| 亚洲福利视频在线| 在线播放亚洲激情| 高清一区二区三区四区五区| 综合激情国产一区| 秋霞成人午夜鲁丝一区二区三区| 日韩高清电影免费观看完整版| 久久夜色精品亚洲噜噜国产mv| 亚洲人成在线一二| 26uuu国产精品视频| 亚洲sss综合天堂久久| 日本成人在线视频网址| 日韩在线视频免费观看| 亚洲黄在线观看| 波霸ol色综合久久| 成人福利视频网| 欧美高清自拍一区| 国模极品一区二区三区| 久久久久久亚洲精品中文字幕| 日韩免费在线免费观看| 欧美激情免费观看| 久久中文字幕在线视频| 亚洲美女精品久久| 欧美一级免费看| 国产一区红桃视频| 国产日韩欧美视频| 日韩av男人的天堂| 国产福利成人在线| www.xxxx精品| 国产精品久久av| 日韩美女免费线视频| 欧洲成人免费aa| 精品国产电影一区| 美女国内精品自产拍在线播放| 91精品国产色综合| 欧美香蕉大胸在线视频观看| 欧美华人在线视频| 亚洲高清福利视频| 日本成人黄色片| 国产精品免费福利| 欧美亚洲另类在线| 亚洲成人久久久久| 久久精品中文字幕一区|