Serialize(jQuery)序列化
1。Serialize()的定义和用法:
serialize()方法创建一个标准化的URL编码的字符串的形式价值,其操作对象是jQuery对象表示形式元素的集合,你可以选择一个或多个表单元素(如输入或文本框),或形成元件本身。序列化的值可以在URL中使用查询字符串当Ajax请求生成。
Grammar:
复制代码代码如下所示:
$(选择器)Serialize()。
详细说明
1、序列化的。()方法创建一个由标准URL编码的字符串表示。其操作对象表示形式元素的jQuery对象。
2、()方法,将可以操纵选择单个表单元素,jQuery对象如和。然而,它通常是更容易选择标签本身的序列化
3,只有成功的控件将被序列化为字符串。如果表单未使用按钮提交,则提交按钮的值不会序列化。如果表单元素的值包含在序列字符串中,则元素必须使用name属性。
4,表单中的名称不能在js和jQuery中使用关键字。
例如:长度
复制代码代码如下所示:
/ /使用:$(# Form1)(。连载);
未获得上述值。
二、序列化()的例子在jQuery
1、Ajax连载()
复制代码代码如下所示:
$ ajax({
类型:邮政
DataType:JSON
网址:ajaxcallback,
数据:$(' #以下是我参考网上的)(。连载) / /,提交表单的id
成功:函数(MSG){
警报(MSG);
}
});
2、序列化序列化表单实例()
复制代码代码如下所示:
$(函数(){())
$(#提交)。Click(function(){)
警报($(#以下是我参考网上)。Serialize());
});
});
昵称
密码
点击按钮弹出。
复制代码代码如下所示:
用户名= =型修正
三、序列化是使用参数方法serializearray简单包
1、参数()美元。
美元。参数()方法的序列化的核心()方法,用于序列化数组或对象按照/价值的钥匙。
方法的参数的JS代码
复制代码代码如下所示:
Param:功能(一){
X
这种方法是内部的。使用 / / /序列化(代替。)
X
一个地图密钥/值对 / / /序列化为一个字符串。
X
X
var = { };
函数添加(键,值){
s.length encodeURIComponent(关键)的{ } = + = + encodeURIComponent(价值);
};
如果一个数组被传递进来,假设它是一个数组
表单元素
如果(jquery.isarray(一)a.jquery | |)
表单元素 / / Serialize
jquery.each(一,函数(){(){
添加(this.name,这个值);
});
假设它是另一个键/值对的对象。
其他的
键/值 / /连载
为(var中的j)
如果值是数组,则需要重复键名。
如果(jquery.isarray(一{,}))
(一jquery.each { J },{()函数(){
添加(j,this);
});
其他的
添加(J,jquery.isfunction(一个{ } { } J J)一():一个{ J });
由此产生的序列化返回
返回s.join()。更换( / 20 /克,+);
}
例如
复制代码代码如下所示:
var obj = {:1,B 2,C 3 };
var k =美元。参数(目标);
警报(k); = 1b = 2C = 3输出
2、serializearray
的serializearray方法是表单中的每个字段的序列转换成一个数组
serializearray jQuery定义的方法
复制代码代码如下所示:
SerializeArray:函数(){
X
序列化所有形式和形式 / / /元素,返回一个JSON数据结构。
X
表示序列化项目的JSON数据结构。
返回this.map(函数(){()
返回this.elements jquery.makearray(这个元素):这;
})
过滤器(函数(){())
返回this.name!this.disabled
| |(this.checked / / i.test选择| TextArea(这个节点名)| |
/文本|隐藏|密码|搜索/ i.test(这类型));
})
。地图(功能(我、元){
瓦迩();
返回NULL:
JQuery.isArray(Val)
JQuery.map(Val、功能(Val,我){
返回值:{姓名:elem.name,瓦尔};
}):
{姓名:elem.name,价值:瓦尔};
});
}
serializearray数据的例子
复制代码代码如下所示:
{ {姓名:用户名、价值:中国},{用户名:密码:XXX,值} }
以上是本文所描述的全部内容,希望您能喜欢。