Serialize(jQuery)序列化

Serialize(jQuery)序列化
本文导读:jQuery中,当我们使用Ajax数据输入,常常需要组装(键/值对)的形式发送到服务器,使用序列化方法能够轻松完成工作,利用该方法可以将序列化为键的形式(KEY1 = value1key2 = value2…)然后提交。以下是使用序列化介绍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,值} }
以上是本文所描述的全部内容,希望您能喜欢。

tag:序列化电脑软件Serializejquery

相关内容