用法实例深入分析

By admin in 4858美高梅 on 2019年7月21日

正文导读:在jQuery中,当我们应用ajax时,通常须要拼装input数据以键值对(Key/Value)的款式发送到服务器,用JQuery的serialize方法能够轻便的到位那一个职业,使用那一个艺术能够将表单系列化为键值对(key1=value1&key2=value2…)后交付。上边介绍JQuery中serialize()的用法

正文实例呈报了JQuery中serialize()用法。分享给大家供大家参谋。具体剖判如下:

JQuery中serialize()用法实例深入分析,jqueryserialize

正文实例陈说了JQuery中serialize()用法。分享给大家供我们参谋。具体深入分析如下:

一、serialize()定义和用法:

serialize()方法通过连串化表单值,创造标准的U福睿斯L编码文本字符串,它的操作对象是表示表单成分集合的jQuery
对象。你能够采取三个或八个表单成分(举例input或文本框),或许 form
成分自己。连串化的值可在生成 AJAX 诉求时用来 UXC90L 查询字符串中。
 
语法:

$(selector).serialize()
 
详见表明

1、.serialize() 方法成立以标准 U普拉多L
编码表示的文本字符串。它的操作对象是象征表单成分集合的 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($(“#4858美高梅 ,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程序设计有所扶助。

本文实例叙述了JQuery中serialize()用法。分享给大家供我们参照他事他说加以考察。具体解析如下:
一、serialize()定…

JQuery中serialize()用法实例分析

 那篇小说首要介绍了JQuery中serialize()用法,实例剖析了serialize()方法的作用、定义及有关应用工夫,须求的敌人能够参见下

 

 

正文实例陈述了JQuery中serialize()用法。分享给大家供大家仿效。具体深入分析如下:

一、serialize()定义和用法:

serialize()方法通过类别化表单值,成立规范的U库罗德L编码文本字符串,它的操作对象是意味表单成分会集的jQuery
对象。你能够挑选叁个或五个表单成分(举个例子input或文本框),恐怕 form
成分本身。体系化的值可在生成 AJAX 央浼时用于 URAV4L 查询字符串中。

语法:

$(selector).serialize()

详尽表达

1、.serialize() 方法创制以标准 U陆风X8L
编码表示的文本字符串。它的操作对象是意味表单成分集结的 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中serialize()用法,实例解析了serialize()方法的功力、定义及相关应用本事,供给的心上人可…

一、serialize()定义和用法:

一、serialize()定义和用法:

有关小说

相关找寻:

明日看什么

探索技巧库

归来首页

  • IOS8气候应用能够显得细节数量技巧
  • CADMini看图如何查看设备清单
  • 酷派Mate7怎么着打开按电源键甘休通话
  • 处理器回收站不能调治容积的高低咋办?
  • 创业板是什么样看头
  • 怎样在win7锋耀型计算机中除去U盘使用历史记录

连带频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  后边三个代码  正则表明式  Flex教程  WEB前端教程  

serialize()方法通过类别化表单值,创造规范的UCR-VL编码文本字符串,它的操作对象是意味着表单元素会集的jQuery
对象。你能够挑选多少个或八个表单成分(例如input或文本框),也许 form
成分自身。连串化的值可在生成 AJAX 伏乞时用来 ULX570L 查询字符串中。

serialize()方法通过体系化表单值,创立标准的U君越L编码文本字符串,它的操作对象是代表表单成分集合的jQuery
对象。你可以选取一个或七个表单成分(举例input或文本框),可能 form
元素自身。连串化的值可在生成 AJAX 央浼时用来 U牧马人L 查询字符串中。
 
语法:

帮客商酌

语法:

$(selector).serialize()
 
详见表达

复制代码 代码如下:

1、.serialize() 方法创造以职业 U昂科威L
编码表示的文本字符串。它的操作对象是意味着表单成分集结的 jQuery 对象。

$(selector).serialize()

2、.serialize() 方法能够操作已摘取个别表单成分的 jQuery 对象,比方<input>, <textarea> 以及 <select>。可是,选取<form> 标签自身举行类别化一般更便于些

详尽表达

3、只会将”成功的控件“类别化为字符串。假如不使用按键来交给表单,则不对提交按键的值种类化。假诺要表单成分的值饱含到行列字符串中,成分必须选取name 属性。
 
4、form里面的name不可见用 Js、jquery里的主要字。
例如:length

1、.serialize() 方法创设以正规化 UCR-VL
编码表示的文本字符串。它的操作对象是代表表单成分会集的 jQuery 对象。

复制代码 代码如下:

2、.serialize() 方法能够操作已选取个别表单成分的 jQuery 对象,例如<input>, <textarea> 以及 <select>。不过,采取<form> 标签本身进行体系化一般更易于些

<form id=”form1″>
   <input name=”length” type=”text” value=”pipi” />
   <input name=”blog” type=”text” value=”blue submarine” />
</form>

3、只会将”成功的控件“类别化为字符串。如果不采纳开关来交付表单,则不对提交按键的值系列化。假若要表单元素的值包蕴到行列字符串中,成分必须运用
name 属性。

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

4、form里面包车型地铁name不可见用 Js、jquery里的要紧字。

地方则得到不到值。
 
二、JQuery中serialize()实例
 
1、ajax serialize()

例如:length

复制代码 代码如下:

复制代码 代码如下:

$.ajax({
    type: “POST”,
    dataType: “json”,
    url:ajaxCallBack,
    data:$(‘#myForm’).serialize(),// 要付出表单的ID
    success: function(msg){
        alert(msg);
    }
});

<form id=”form1″>
   <input name=”length” type=”text” value=”pipi” />
   <input name=”blog” type=”text” value=”blue submarine” />
</form>
//使用:$(“#form1”).serialize();

2、serialize() 类别化表单实例

下边则得到不到值。

复制代码 代码如下:

二、JQuery中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>

1、ajax serialize()

点击开关之后弹出:

复制代码 代码如下:

username=admin&password=admin123
 
三、serialize是用param方法对serializeArray的贰个简易包装
 
1、$.param()

$.ajax({
    type: “POST”,
    dataType: “json”,
    url:ajaxCallBack,
    data:$(‘#myForm’).serialize(),// 要付出表单的ID
    success: function(msg){
        alert(msg);
    }
});

$.param()方法是serialize()方法的为主,用来对叁个数组或对象遵照key/value进行类别化。
 
param方法的js代码

2、serialize() 系列化表单实例

复制代码 代码如下:

复制代码 代码如下:

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 />

 <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>

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 );
    });

username=admin&password=admin123

// 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] );

三、serialize是用param方法对serializeArray的二个粗略包装

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

1、$.param()

例如:

$.param()方法是serialize()方法的骨干,用来对三个数组或对象遵照key/value实行系列化。

复制代码 代码如下:

param方法的js代码

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定义

 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, “+”);
    }

复制代码 代码如下:

例如

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();
}

var obj = {a:1,b:2,c:3};
var k = $.param(obj);
alert(k);    //输出a=1&b=2&c=3

serializeArray数据例子:

2、serializeArray

复制代码 代码如下:

serializeArray方法是将二个表单个中的相继字段系列化成二个数组

[ {
 name : username,
 value : 中国
 }, {
 name : password,
 value : xxx
}]

serializeArray方法的jquery定义

指望本文所述对大家的jQuery程序设计有着帮忙。

复制代码 代码如下:

您大概感兴趣的稿子:

  • jQuery Form
    表单提交插件之formSerialize,田野同志Serialize,田野(field)Value,resetForm,clearForm,clearFields的行使
  • jQuery中serializeArray()与serialize()的界别实例深入分析
  • jQuery基于ajax()使用serialize()提交form数据的方式
  • JQuery中serialize() 序列化
  • JQuery中serialize()、serializeArray()和param()方法言传身教介绍
  • jQuery
    ajax中利用serialize()方法提交表单数据示例
  • jQuery ajax
    serialize()方法的使用以及广大难点解决
  • jQuery-serialize()输出系列化form表单值的主意
  • 与jquery
    serializeArray()一齐使用的函数,首要来平价交给表单
  • jQuery使用serialize()表单种类化时出现中文乱码难题的消除办法

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
    ajax中接纳serialize()方法提交表单数据示例
  • jQuery-serialize()输出系列化form表单值的法子
  • JQuery中serialize()、serializeArray()和param()方法身体力行介绍
  • 详谈表单格式化插件jquery.serializeJSON

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有