jquery ajax post 传递数组 ，多checkbox 取值

jquery ajax post 传递数组 ，多checkbox 取值

http://w8700569.iteye.com/blog/1954396

使用$.each(function(){});可以得到checkbox 中对应的值，

在ajax上传的时候需要把 traditional 设置为 true 

 

$('.but_delet_choice').click(function(){  
                var $check_boxes = $('input[type=checkbox][checked=checked][id!=check_all_box]');  
                if($check_boxes.length<=0){ alert('您未勾选，请勾选！');return;   }  
                if(confirm('您确定要删除吗？')){  
                    var dropIds = new Array();  
                    $check_boxes.each(function(){  
                        dropIds.push($(this).val());  
                    });  
                    $.ajax({  
                        type:'post',  
                        traditional :true,  
                        url:'${ctx}/discuss/dropMoreRmb',  
                        data:{'dropIds':dropIds},  
                        success:function(data){  
                            refreshRmb(1);  
                        }  
                    });  
                }  
                return false;  
            });  

 

jQuery ajax traditional参数

http://chaodongyue.blog.163.com/blog/static/100209315201401645813576/

 

官网注释:Set this to true if you wish to use the traditional style of param serialization.

意识是,当设置成true的时候就会用传统方式序列化参数

 

e.g. 

当提交的参数是数组 {name:[value1,value2,value3]} 

如果设置成true,则提交时会是"name=value1&name=value2..."

如果是false的话,则提交时会是"name[]=value1&name[]=value2..."

 

显然传统方式会产生值的覆盖，所以默认是:false,

jquery会深度序列化参数对象，以适应如PHP和Ruby on Rails框架.

 

  一般的，可能有些人在一个参数有多个值的情况下，可能以某个字符分隔的形式传递，比如页面上有多个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 
      }
}