Ajax提交数组参数会有[] 问题

今天早上搞了一上午的参数传递问题,顺便记录下来。

1.首先:遇到的问题:

    用AJAX提交一个数组参数cpidArray,而且里面是UUID32加密的值,第一次用的是$.post()直接把参数名字写上去,DeBug中显示传出来的数组是null,

Ajax提交数组参数会有[] 问题_第1张图片
Ajax提交数组参数会有[] 问题_第2张图片
在这里插入图片描述

2.其次:自己百度答案:

    百度了一下说是要对数组使用JSON.stringify()进行封装数组,代码如下,发现DeBug显示传出来的数组值是带有中括号[ ]加上双引号“”,如下图,
问题来了,我数据库限制的字段值是32位,而你加了[ ]和双引号就超出了32位
Ajax提交数组参数会有[] 问题_第3张图片Ajax提交数组参数会有[] 问题_第4张图片![在这里插在这里插入图片描述

3.最终:正确答案

这让我弄半天,原来是要用 $ .AJax()来传数组而且要加traditional:true属性,并且参数的数组直接写数组名cpidArray

Ajax提交数组参数会有[] 问题_第5张图片Ajax提交数组参数会有[] 问题_第6张图片
在这里插入图片描述

4.总结:

      Ajax传输组需要使用$ .ajax()并且添加traditional: true。我试了下用$.POST( ) 加true参数好像不可以,具体怎样搞没深研究。
看了下百度的原因:
    Query会调用jQuery.param序列化参数,jQuery.param( obj, traditional ),默认的话,traditional为false,即jquery会深度序列化参数对象,以适应如PHP和Ruby on Rails框架,但servelt api无法处理,我们可以通过设置traditional 为true阻止深度序列化。
 所以,比如我们前台有多个checkbox,前台的代码可以写成:

var values = $("input[type=checkbox]").map(function(){
      return $(this).val();
}).get();
$.ajax{
      url:"xxxx",
      traditional: true,
      data:{
            p: values 
      }
}

你可能感兴趣的:(前端)