注册会员
×

已有账号? 请点击

使用其他方式登录

jQuery ajax的traditional参数作用深度序列化

发布2021-04-26 浏览46次

详情内容

jQuery ajax的traditional参数作用深度序列化,默认的话,traditional为false,即jquery会深度序列化参数对象,以适应如PHP和Ruby on Rails框架, 

但servelt api无法处理,我们可以通过设置traditional 为true阻止深度序列化。

$.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

默认的话,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
      }
}  


点击QQ咨询
开通会员
返回顶部
×
  • 微信支付
  • 支付宝付款
微信扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息