jQuery ajax的traditional参数的作用

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

1
2
3
4
5
6
$.ajax{
       url: "xxxx" ,
       data:{
             p: "123,456,789"
       }
}
    然后后台获取参数后再分隔,这种做法有很大弊端,试问如果某一个参数值中出现了分隔符所使用的字符,会出现什么情况呢?当然后台获取的参数将与实际情况不符.
这时我想到了将上述代码写成这样:

1
2
3
4
5
6
$.ajax{
       url: "xxxx" ,
       data:{
             p: [ "123" , "456" , "789" ]
       }
}
    如果单纯写成这样,在java后台是无法取到参数的,因为jQuery需要调用jQuery.param序列化参数,

1
jQuery.param( obj, traditional )
    默认的话,traditional为false,即jquery会深度序列化参数对象,以适应如PHP和Ruby on Rails框架,
但servelt api无法处理,我们可以通过设置traditional 为true阻止深度序列化,然后序列化结果如下:

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

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


1
2
3
4
5
6
7
8
9
10
var values = $( "input[type=checkbox]" ).map( function (){
       return $( this ).val();
}).get();
$.ajax{
       url: "xxxx" ,
       traditional: true ,
       data:{
             p: values
       }
}


你可能感兴趣的:(jquery)