jQuery ajax的traditional参数的作用///////////////////////////////////zzzzzzzzzzz

Posted 2020-08-05 zouzo

jQuery ajax的traditional参数的作用

i33

• 发布时间: 2013/04/03 10:05
• 阅读: 9859
• 收藏: 9
• 点赞: 1
• 评论: 0

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