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

拼搏现实的明天。 2021-12-21 12:43 225阅读 0赞

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

##### 1.首先：遇到的问题: #####

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

![在这里插入图片描述][20190628111505623.png]  
![在这里插入图片描述][20190628112851978.png]  
![在这里插入图片描述][20190628112242155.png]

##### 2.其次：自己百度答案： #####

百度了一下说是要对数组使用JSON.stringify（）进行封装数组，代码如下，发现DeBug显示传出来的**数组值是带有中括号\[ \]加上双引号“”，如下图，**  
**问题来了，我数据库限制的字段值是32位，而你加了\[ \]和双引号就超出了32位**  
![在这里插入图片描述][20190628113119897.png]![在这里插入图片描述][20190628124954142.png]!\[在这里插![在这里插入图片描述][20190628124754745.png]

##### 3.最终：正确答案 #####

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

![在这里插入图片描述][20190628114537829.png]![在这里插入图片描述][2019062812492794.png]  
![在这里插入图片描述][20190628114740851.png]

##### 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 
          }
    }

[20190628111505623.png]: /images/20211220/e5c9345d314a4162b7f6dbdc085353f0.png
[20190628112851978.png]: /images/20211220/99d5f68049ff44daae3fef0b40c7901f.png
[20190628112242155.png]: /images/20211220/6770e3652ed442d58fdc1e599d98516a.png
[20190628113119897.png]: https://img-blog.csdnimg.cn/20190628113119897.png
[20190628124954142.png]: https://img-blog.csdnimg.cn/20190628124954142.png
[20190628124754745.png]: /images/20211220/2b4e5e31ea454993bf0173ecbfa1dc3f.png
[20190628114537829.png]: https://img-blog.csdnimg.cn/20190628114537829.png
[2019062812492794.png]: /images/20211220/2cc97305389f4bac957d7f79c602441c.png
[20190628114740851.png]: /images/20211220/8cadc5616c9a47e9b351c2cb61032d13.png