当前位置:首页 > 日记 > 正文

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,值} }
以上是本文所描述的全部内容,希望您能喜欢。

相关文章

jQuery插件实现分页的分页效果

jQuery插件实现分页的分页效果

分页,插件,效果,电脑软件,jQuery,实用的jQuery分页效果jquery.pagination.js,基于jQuery,根据pageselectcallback回调函数的调用通过调用Ajax动态数据,目前的方法是生成JSON数据的JS文件,调用数据是JSON格式的数据,读出的数据是一次性使用,效率会…

使用jQuery来清空和重置整个输入字

使用jQuery来清空和重置整个输入字

输入,字段,重置,清空,电脑软件,在web开发中,经常会遇到重置所有输入框的情况。 例如,当进行查询时,向用户提供一个重置按钮,以清除所有输入框中的输入文本。 此时,jQuery可用于统一空(重设)。 重置查询输入域 功能restinputarea(div_id){ 空文本框…

在jQuerypushstack实现原理及应用

在jQuerypushstack实现原理及应用

应用实例,实现原理,电脑软件,jQuerypushstack,pushstack是jQuery内核的一个非常重要的功能,这是非常重要的,它是在jQuery中的许多内部函数常用。通常,虽然很少使用,它不仅有助于了解jQuery的操作原理,也便于我们做更高级的jQuery操作。 顾名思…

Javascript三元素运算符的多重使用技术

Javascript三元素运算符的多重使用技术

多重,元素,运算符,技术,电脑软件,当代码写得比较慢,它会自动替换其他三元。只是代码更简洁,更精彩。当然,有人说三元可以让你感觉很高。最近写JS的时候,也觉得这样,收集了一些小技巧来分享和分享。 请跳过这只鸟,大鸟^ __ ^帮助。 =通用行 表…

手写插件jQuery插件摘要

手写插件jQuery插件摘要

插件,摘要,电脑软件,jQuery,jQuery是后另一个优秀的Javascript框架的原型,这是深受广大发展商爱和拥有广泛的用户。jQuery的一个好地方是用户定制的,那就是,我们可以写我们的插件来提高jQuery的功能,定制我们需要的功能,消除冗余代码,提高页面加载到一…

Javascript动态创建表的2种方法的总结

Javascript动态创建表的2种方法的总结

动态,创建表,种方法,电脑软件,Javascript,第一种方法: 复制代码代码如下所示: 功能createtable(行线){ 行=行; 这行=行; VaR的身体= document.getelementbyid('body); 无功表= document.createelement(}}); / /创建一个表的标签元素 table.seta…

经典浪漫唯美情人签名

经典浪漫唯美情人签名

唯美,情人,浪漫,经典,电脑软件,原来爱情也能使人变得虚无。 原来爱情也会让人麻木。 你好,男孩,你是我的全部。 你好!你是我的唯一。 我的眼睛不停,我知道是我爱你。 我的耳朵发痒,我知道这就是我对你的看法。 他只有一支烟,但他不得不整晚呆在…

2015悲伤的人格签名

2015悲伤的人格签名

人格,悲伤,电脑软件,时间没有等我,你忘了带我走。 我知道你要和我分手,但我没想到这么快。 我们是亡命之徒,担心父母的悲伤。 要假装不在乎一些东西,至少离开后,心不会那么痛。 悲伤的记忆,记得那么深刻。 很难理解,毕竟,你是你,我是我。 岁月的尘埃…

PS图象处理软件使用的钢笔和图层样

PS图象处理软件使用的钢笔和图层样

软件使用,图象处理,图层,质感,样式,这个PS教程学习如何使用PS图象处理软件的钢笔和图层样式来创建一个时尚质感的金属按钮。 先看看效果吧。 新建文档1024x768像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 新建一层,用钢笔画出…

javascript操作oracle数据库示例

javascript操作oracle数据库示例

数据库,操作,示例,电脑软件,javascript,我还是IT领域的菜鸟。我已经工作很长时间了,但我在编程方面收获很大,因为我有一颗善良的心,我从不停止学习。 一直以为Javascript要和数据库交互必须通过Ajax调用服务器代码(C #或java)之前,但最近发现,Javascript可以…

流行的QQ个性签名伤感2015

流行的QQ个性签名伤感2015

流行,个性签名,伤感,电脑软件,QQ,在2015的QQ伤感流行的签名是由一个小编辑整理,希望对你有帮助。 谁让我跳舞的云,地平线,柔肠100倍,潇潇雨心。 是你给了我希望,给了我绝望。 相似的风景,相似的人,却没有见过你。 我太害怕不习惯谁是好的,然后他开…

PS中的一些重要提示可能有一些你不

PS中的一些重要提示可能有一些你不

提示,你不知道,东西,电脑软件,PS,以下是ps中的一些关键技术,您可能不知道,希望能对您有所帮助。 当我们学习PS时,我们应该善于总结他的技巧,总结我们所知道的技巧和特点。我们工作时会得到事半功倍的效果。下面是学习各种教程所积累的一些技巧,…