jQuery ajax的traditional参数的作用

Posted Booo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 
      }
}

 




以上是关于jQuery ajax的traditional参数的作用的主要内容,如果未能解决你的问题,请参考以下文章

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

jQuery ajax的traditional参数的作用

jQuery对象的序列化详解

ajax传输数组

Ajax参数contentType和dataType及traditional说明

Ajax--参数,csrf跨站请求伪造,serialize(),上传文件formdata