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 Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
JQuery选中select组件被选中的值方法
Mar 08 jQuery
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
jquery更改元素属性attr()方法操作示例
May 22 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 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
关于PHP模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
php的webservice的wsdl的XML无法显示问题的解决方法
2014/03/11 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
浅谈laravel 5.6 安装 windows上使用composer的安装过程
2019/10/18 PHP
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
Js表格万条数据瞬间加载实现代码
2014/02/20 Javascript
Js获取下拉框选定项的值和文本的实现代码
2014/02/26 Javascript
javascript制作的简单注册模块表单验证
2015/04/13 Javascript
JavaScript仿静态分页实现方法
2015/08/04 Javascript
JavaScript中数组的合并以及排序实现示例
2015/10/24 Javascript
javascript合并表格单元格实例代码
2016/01/03 Javascript
javascript常见数字进制转换实例分析
2016/04/21 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
JavaScript实现弹窗效果代码分析
2017/03/09 Javascript
jQuery实现鼠标滑过预览图片大图效果的方法
2017/04/26 jQuery
详解vee-validate的使用个人小结
2017/06/07 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
2017/10/26 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
Angular HMR(热模块替换)功能实现方法
2018/04/04 Javascript
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
Python标准库之循环器(itertools)介绍
2014/11/25 Python
初步探究Python程序的执行原理
2015/04/11 Python
Python中的数学运算操作符使用进阶
2016/06/20 Python
TensorFlow用expand_dim()来增加维度的方法
2018/07/26 Python
python之cv2与图像的载入、显示和保存实例
2018/12/05 Python
python操作kafka实践的示例代码
2019/06/19 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
VICHY薇姿美国官方网站:欧洲药房第一的抗衰老品牌
2017/11/22 全球购物
英国探险旅游专家:Explore
2018/12/20 全球购物
班子四风对照检查材料
2014/08/21 职场文书
七一建党节演讲稿
2014/09/11 职场文书
办护照工作证明
2014/10/01 职场文书
家属答谢词
2015/01/05 职场文书
简历中的自我评价怎么写呢?
2019/04/30 职场文书
2019年圣诞节祝福语集锦
2019/12/25 职场文书