jquery中ajax向后台传递数组的正确方法及实例

文章标签: jquery数组 jquery ajax
  • :
  • 06-18 16:10
  • :
  • 32次
  • :
  • 0条
  • 1赞

简介在使用jquery ajax时,向网站后台传递数组型的参数时的正确方法及具体实例。l

在jquery里使用ajax时,在向后台传值的时候,把值以对象的方式放入data参数里,那么ajax会自动把值转换为Key/Value的形式,但如果我们要传递的值为数组时,就遇到了点麻烦,看下面这个实例:

<script>
var aijquery=[222,333,4444];
$("#ajax").on("click",function(){
$.ajax({
    url:"/Html/aijquery/ajax/",
      type:"GET",
      data:{"aijquery":aijquery},
      success:function(d){console.log(d);}
    });
});
</script>

站长分析了下,问题出现在data参数里,把要传递的值转换成Key/Value时出现的问题:

看上面的截图,我们就发现,ajax里在把数组进行转换时,在Key后面加上了中括号,那么有没有方法可以避免这个问题呢?

站长分析了下jquery手册,在ajax参数里发现了这样一个参数:

traditional:设置为true时,表示以传统的方式来序列化数据

再次来测试:

var aijquery=[222,333,4444];
$("#ajax").on("click",function(){	
    $.ajax({    	
        url:"/Html/aijquery/ajax/",      	
        type:"GET",      	
        data:{"aijquery":aijquery},      	
        traditional:true,  //注意这里 要设置为true    	
        success:function(d){console.log(d);}    
    });
});

按下F12,再来看:

这才是我们想要的结果!

所以我们在jquery里用ajax来传递数组的时候,需要把ajax里的参数traditional设置为true!



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-15 15:11:53