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

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

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

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

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.其次:自己百度答案:
  1. 百度了一下说是要对数组使用JSON.stringify()进行封装数组,代码如下,发现DeBug显示传出来的**数组值是带有中括号\[ \]加上双引号“”,如下图,**

问题来了,我数据库限制的字段值是32位,而你加了[ ]和双引号就超出了32位
在这里插入图片描述在这里插入图片描述![在这里插在这里插入图片描述

3.最终:正确答案

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

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

4.总结:
  1. 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,前台的代码可以写成:

  1. var values = $("input[type=checkbox]").map(function(){
  2. return $(this).val();
  3. }).get();
  4. $.ajax{
  5. url:"xxxx",
  6. traditional: true,
  7. data:{
  8. p: values
  9. }
  10. }

发表评论

表情:
评论列表 (有 0 条评论,315人围观)

还没有评论,来说两句吧...

相关阅读