牛骨文教育服务平台(让学习变的简单)
博文笔记

jQuery通过ajax传送数组的问题

创建时间:2013-10-09 投稿人: 浏览次数:13307

$.ajax等api在我刚开始使用的时候,以为仅仅能发送form表单,后来慢慢才知道,原来还能发送简单的一个字符串或者是多个数组!如果是数组的话,只需要在struts2后台,创建一个List<String>数组同名就可以自动封装了,很是方便。当时遇到很多问题,现在有空回头整理一下ajax发送数组的问题。结合查询了多个BLOG,这里集中总结:

(1)查询到的BLOG

最近在用jQuery的ajax方法发送请求时需要发送一个数组作为参数,结果在后台接收的时候发现接收不到这个数组。代码时这样的:

1 var arr = []
2 arr.push(“aaa”);
3 arr.push(“bbb”);
4 arr.push(“ccc”);
5 $.ajax({
6     url:”a.html”,
7     data:{“arr”:arr},
8     type:”post”
9 });
查看firebug的网络信息,发现发送的post信息中的数组信息为&arr[]=aaa&arr[]=bbb&arr[]=ccc。多了一对方括号,所以在servlet中不能通过request.getParameter(‘arr’)获取到正常的数组参数。

google之后发现,需要在data参数里,加一个traditional:true的参数,这样就能正常发送数组参数了。
原因时从1.4以后,jQuery改变了参数的序列化方法。

(2)关于上一篇提到的traditional参数的解释的,另一篇blog

一般的,可能有些人在一个参数有多个值的情况下,可能以某个字符分隔的形式传递,比如页面上有多个checkbox:

1 $.ajax{
2       url:"xxxx",
3       data:{
4             p: "123,456,789"
5       }
6 }
    然后后台获取参数后再分隔,这种做法有很大弊端,试问如果某一个参数值中出现了分隔符所使用的字符,会出现什么情况呢?当然后台获取的参数将与实际情况不符. 
这时我想到了将上述代码写成这样:
1 $.ajax{
2       url:"xxxx",
3       data:{
4             p: ["123""456""789"]
5       }
6 }
    如果单纯写成这样,在java后台是无法取到参数的,因为jQuery需要调用jQuery.param序列化参数, 
1 jQuery.param( obj, traditional )
    默认的话,traditional为false,即jquery会深度序列化参数对象,以适应如PHP和Ruby on Rails框架, 
但servelt api无法处理,我们可以通过设置traditional 为true阻止深度序列化,然后序列化结果如下:
1 p: ["123"
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。