jquery.param()实现数组或对象的序列化方法


Posted in jQuery onOctober 08, 2018

jQuery.param( obj ):

创建适用于URL查询字符串或Ajax请求的数组,普通对象或jQuery对象的序列化表示形式。 如果jQuery对象被传递,它应该包含具有name / value属性的输入元素。

jQuery.param( obj ):
 
obj:
 
类型:Array或PlainObject或jQuery
 一个数组,一个普通的对象,或一个jQuery对象进行序列化。
 jQuery.param( obj, traditional ):
 
obj:
 
类型:Array或PlainObject或jQuery
 一个数组,一个普通的对象,或一个jQuery对象进行序列化。
 
traditional :

 类型:布尔值
 一个布尔值,表示是否执行传统的“浅”序列化。

内部使用此函数将表单元素值转换为序列化字符串表示形式(有关更多信息,请参阅.serialize())。

从jQuery 1.3开始,使用函数的返回值代替函数作为String。

从jQuery 1.4开始,$ .param()方法递归序列化深层对象,以适应现代脚本语言和框架,如PHP和Ruby on Rails。

您可以通过设置jQuery.ajaxSettings.traditional = true来全局禁用此功能。从jQuery 3.0开始,$ .param()方法不再使用jQuery.ajaxSettings.traditional作为其默认设置,默认为false。

为了跨版本的最佳兼容性,请调用$ .param()和第二个参数的显式值,并且不要使用默认值。如果传递的对象在数组中,则它必须是由.serializeArray()返回的格式的对象数组。

[
 { name: "first", value: "Rick" },
 { name: "last", value: "Astley" },
 { name: "job", value: "Rock Star" }
]

注意:由于某些框架解析序列化数组的能力有限,因此开发人员在传递包含嵌套在另一个数组中的对象或数组的obj参数时应谨慎。

注意:由于没有普遍约定的param字符串规范,所以不可能以支持此类输入的所有语言的理想方式对使用此方法的复杂数据结构进行编码。 使用JSON格式替代编码复杂数据。

在jQuery 1.4中,HTML5输入元素也被序列化。我们可以显示一个对象的查询字符串表示形式和一个URI解码版本,如下所示:

var myObject = {
 a: {
 one: 1,
 two: 2,
 three: 3
 },
 b: [ 1, 2, 3 ]
};
var recursiveEncoded = $.param( myObject );
var recursiveDecoded = decodeURIComponent( $.param( myObject ) );
alert( recursiveEncoded );
alert( recursiveDecoded );

shallowEncoded和shallowDecoded的值弹出如下:

a=%5Bobject+Object%5D&b=1&b=2&b=3 
a=[object+Object]&b=1&b=2&b=3

举例:

序列化一个键/值对象。

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>jQuery.param demo</title>
 <style>
 div {
 color: red;
 }
 </style>
 <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div id="results"></div>
 
<script>
var params = { width:1680, height:1050 };
var str = jQuery.param( params );
$( "#results" ).text( str );
</script>
 
</body>
</html>

演示:

序列化一些复杂的对象

// <=1.3.2:
$.param({ a: [ 2, 3, 4 ] }); // "a=2&a=3&a=4"
// >=1.4:
$.param({ a: [ 2, 3, 4 ] }); // "a[]=2&a[]=3&a[]=4"
 
// <=1.3.2:
$.param({ a: { b: 1, c: 2 }, d: [ 3, 4, { e: 5 } ] });
// "a=[object+Object]&d=3&d=4&d=[object+Object]"
 
// >=1.4:
$.param({ a: { b: 1, c: 2 }, d: [ 3, 4, { e: 5 } ] });
// "a[b]=1&a[c]=2&d[]=3&d[]=4&d[2][e]=5"

以上这篇jquery.param()实现数组或对象的序列化方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
关于jquery form表单序列化的注意事项详解
Aug 01 jQuery
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 jQuery
jQuery 筛选器简单操作示例
Oct 02 jQuery
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
JS+JQuery实现无缝连接轮播图
Dec 30 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 jQuery
jQuery实现点击图标div循环放大缩小功能
Sep 30 #jQuery
学习jQuery中的noConflict()用法
Sep 28 #jQuery
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 #jQuery
jQuery pjax 应用简单示例
Sep 20 #jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 #jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 #jQuery
jQuery使用each遍历循环的方法
Sep 19 #jQuery
You might like
浅谈Windows下 PHP4.0与oracle 8的连接设置
2006/10/09 PHP
ThinkPHP与PHPExcel冲突解决方法
2011/08/08 PHP
php数组函数序列之array_splice() - 在数组任意位置插入元素
2011/11/07 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
php实现webservice实例
2014/11/06 PHP
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
PHP中余数、取余的妙用
2015/06/29 PHP
php使用APC实现实时上传进度条功能
2015/10/26 PHP
CodeIgniter辅助之第三方类库third_party用法分析
2016/01/20 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
js 处理数组重复元素示例代码
2013/12/27 Javascript
js使用for循环与innerHTML获取选中tr下td值
2014/09/26 Javascript
javascript删除数组重复元素的方法汇总
2015/06/24 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
用js实现简单算法的实例代码
2016/09/24 Javascript
Django模板继承 extend标签实例代码详解
2019/05/16 Javascript
js实现随机点名程序
2020/09/17 Javascript
Python中如何获取类属性的列表
2016/12/26 Python
基于python的字节编译详解
2017/09/20 Python
Python安装lz4-0.10.1遇到的坑
2018/05/20 Python
python将邻接矩阵输出成图的实现
2019/11/21 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
Pycharm及python安装详细步骤及PyCharm配置整理(推荐)
2020/07/31 Python
鱼油专家:Omegavia
2016/10/10 全球购物
美国领先的在线邮轮旅游公司:CruiseDirect
2018/06/07 全球购物
捷克母婴用品购物网站:Feedo.cz
2020/12/28 全球购物
幼师自我鉴定
2014/02/01 职场文书
机电系毕业生求职信
2014/07/11 职场文书
新店开张活动方案
2014/08/24 职场文书
2014年医务科工作总结
2014/12/18 职场文书
PyTorch 如何检查模型梯度是否可导
2021/06/05 Python