jQuery ajax的traditional参数的作用

一般的，可能有些人在一个参数有多个值的情况下，可能以某个字符分隔的形式传递，比如页面上有多个checkbox：

$.ajax{url:"xxxx",data:{p: "123,456,789"}
}

然后后台获取参数后再分隔，这种做法有很大弊端，试问如果某一个参数值中出现了分隔符所使用的字符，会出现什么情况呢？当然后台获取的参数将与实际情况不符.

这时我想到了将上述代码写成这样：

$.ajax{url:"xxxx",data:{p: ["123", "456", "789"]}
}

如果单纯写成这样，在java后台是无法取到参数的，因为jQuery需要调用jQuery.param序列化参数，

jQuery.param( obj, traditional )

默认的话，traditional为false，即jquery会深度序列化参数对象，以适应如PHP和Ruby on Rails框架，

但servelt api无法处理，我们可以通过设置traditional 为true阻止深度序列化，然后序列化结果如下：

p: ["123", "456", "789"] => p=123&p=456&p=456

随即，我们就可以在后台通过request.getParameterValues()来获取参数的值数组了，

所以，比如我们前台有多个checkbox，前台的代码可以写成：

var values = $("input[type=checkbox]").map(function(){return $(this).val();
}).get();
$.ajax{url:"xxxx",traditional: true,data:{p: values }
}

转载于:https://www.cnblogs.com/dingjing0518/p/6823907.html

jQuery ajax的traditional参数的作用相关推荐

JQuery.Ajax()的data参数类型
JQuery.Ajax()的data参数类型 2017年9月14日:补充JQuery.Ajax()的数据类型本文以前提到的三种类型,这三种参数本质上都是变成了类似"uname=alice& ...
ajax webservice 参数类型,JQuery Ajax WebService传递参数的简单实例
Asp.NET中利用jQuery实现Ajax时,在服务器端可以使用aspx,ashx,以及WebService等方式.最近研究了一下WebService方式,jQuery Ajax 方法调用 jQue ...
jquery ajax 超时处理不起作用,jQuery ajax超时处理
jQuery - ajax超时处理 [示例代码] script> $(document).ready( function(){ $.ajax({ url:"jQuery - ajax. ...
ajax的data参数类型,JQuery.Ajax()的data参数类型
假如现在有这样一个表单,是添加元素用的. 用户名: 手机号: 生日: 我们不想使用表单submit的方式添加这个元素,我们就想使用ajax提交. 以前我们是这样实现的: 1 2 3 4 5 6 7 8 ...
JQuery.Ajax()的data参数传递方式
最近,新学c# mvc,通过ajax post方式传递数据到controller.刚开始传递参数,controller中总是为null.现记录一下,可能不全,纯粹记个学习日记. 重点在于参数的方式,代 ...
jQuery $.ajax传递数组的traditional参数传递必须true 对象的序列化
设置jQuery 的 traditional参数实际上是设置 jQuery.param 的traditional 参数,默认为false,当设置为true后,会导致多层次的对象序列化为[object ...
jquery ajax传递数组
//定义一个数组 var selectCount=[]; $.ajax({ url:'/bb/aaa', type:'post', dateType:'json', traditional:true, ...
ajax请求到参数太大获取参数失败问题,Ajax请求参数较长导致请求失败
Ajax请求参数比较长,第5行参数大概1100个字符吧,是接口的请求报文. $.ajax({ type:"POST", url:"${ctx}/test.action?m ...
jquery Ajax应用
jQuery框架学习第六天:jQuery中的Ajax应用 jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理 ...

jQuery ajax的traditional参数的作用

jQuery ajax的traditional参数的作用相关推荐

最新文章

热门文章