jquery字符串序列化方法总结

　　在jquery中字符串序列化方法包括有param() 、serialize() 、serializeArray()，在这里对其常用做法进行总结。

$.param()方法
这是serialize()方法的核心，用来对一个数组或对象按照key/value进行序列化。

常用方法：

 1 直接传递一个obj，直接转化成key=value然后用&连接起来了
 2 $.param({name:'bill',age:18});
 3 结果：name=bill&age=18
 4 这里的{X:Y,A:B}会变成X=Y&A=B的格式
 5
 6 或者name value键值对组成的数组，这个好说，name=value然后用&拼起来
 7 $.param([
 8    {name:'name',value:'bill'},
 9    {name:'age',value:18}
10  ]);
11 结果：name=bill&age=18
12 这里的name:'name'两个name是不同的，name value是固定格式
13  这里的{name:XXX,value:YYY} 会变成XXX=YYY的格式,比起上面的写法，显得更啰嗦
14
15 当name出现相同的时候
16 $.param([
17    {name:'name',value:'bill'},
18    {name:'name',value:'tom'}
19  ]);
20 结果：name=bill&name=tom
21 这样的话，有些后端语言是取不到两个name的
22
23 但如果这样呢？
24 $.param([
25    {
26       name:'name',
27       value:['bill','tom']
28    }
29  ]);
30 结果：name=tom,bill
31 居然用逗号把value接起来了，好吧，后端分割开也行
32
33
34 用传递一个obj的方法呢？
35 $.param({
36    name:['bill','tom'],
37    age:[18,19],
38    sex:["male","female"]
39  });
40 结果：name[]=bill&name[]=tom&age[]=18&age[]=19&sex[]=male&sex[]=female
41  name,age,sex被自动加上中括号了，
42  对于php来说，$_REQUEST['name'],$_REQUEST['age'],$_REQUEST['sex']都是array了
43  对应好下角标，3个person的信息就传递过来了
44
45 换成第二种固定格式：
46 $.param([
47    {name:'name',value:['bill','tom']},
48    {name:"age",value:[18,19]},
49    {name:"sex",value:["male","female"]}
50  ])
51 结果：name=bill,tom&age=18,19&sex=male,female

转载于:https://www.cnblogs.com/sxxjyj/p/6094674.html

jquery字符串序列化方法总结相关推荐

js笔记（三）ES5、ES5新增的数组的方法、字符串的方法、字符编码、对象的序列化和反序列化、bind
数组方法.字符串方法总结大目录小目录一.ES5严格模式 1. 严格模式: 2. 严格模式的行为变更: 二.ES5新增的数组的方法 1. 判断是否为数组:Array.isArray(): 2. 判 ...
jQuery表单序列化方法serialize(),serializeArray()
我们使用ajax给后台传递数据的时候,经常要获取表单的数据.表单数据不多还好说,但是如果表单字段非常多,那么无疑是非常头疼的事.如何获取大量的表单数据,是非常重要的事情. 表单页面 <for ...
jQuery.parseJSON(json)方法将字符串转换成js对象
原文地址为: jQuery.parseJSON(json)方法将字符串转换成js对象概述接受一个JSON字符串,返回解析后的对象. 传入一个畸形的JSON字符串会抛出一个异常.比如下面的都是畸形的 ...
jquery form 序列化
2019独角兽企业重金招聘Python工程师标准>>> jquery form 序列化博客分类: js 小朋友有一个表单,他想以Json的方式获取到表单的内容.小朋友尝试了以下方式 ...
ajax abort 原因,jquery ajax abort()方法
如果用户频繁点击ajax请求,除最后一个外都是无效的,趁早结束节省资源.也可能出现更严重的问题,最后一个发送的请求,响应未必是最后一个,有可能造成混乱.用jquery的abort方法,可以中途中止aj ...
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准 ...
Jquery源码中的Javascript基础知识（四）— jQuery.fn.init方法
$() 即调用了jQuery.fn.init方法 jQuery = function( selector, context ) {return new jQuery.fn.init( selector ...
jQuery的Ajax方法实现注册邮箱时用户名查询
利用jQuery实现邮箱注册时的重复用户名查询 Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术.通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新.这意味着可 ...
jQuery 效果 - animate() 方法
实例改变 "div" 元素的高度: $(".btn1").click(function(){ $("#box").animate({hei ...

jquery字符串序列化方法总结

jquery字符串序列化方法总结相关推荐

最新文章

热门文章