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 
      }
}

http://folyred.iteye.com/blog/1554825


一:前台jquery
deleteAll() {

var selectUsers=new Array();
//var selectUsers = null;
$(":checkbox[name='userID']").each(function() {


if ($(this).attr("checked"))
selectUsers.push($(this).val());
//selectUsers += "," + $(this).val();
})


//alert(selectUsers);

$.ajax({
//async : false,
traditional: true,
type:"post",
url:"elecUserAction_delete.do",
data:{selectUsers:selectUsers},

/* success:function(responsText){
if(responsText=="1"){
alert("删除成功");
}

} */



});
}
二:后台Action代码
public String delete(){
//ActionContext context=ActionContext.getContext(); 
//HttpServletRequest request=(HttpServletRequest)context.get(ServletActionContext.HTTP_REQUEST); 

String[] ids=request.getParameterValues("selectUsers");  

System.out.println(ids.toString());
PrintWriter out = null;
out.write("1");

return home();
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值