JQUERY AJAX 向后台传递数组的情况。 一开始的想法是:直接 var array = new Array(), 然后在用 Ajax 提交的时候,把这个数组直接赋值给一个需要传递后台的参数中。一切貌似顺利成章。结果却非这样。
同样有此疑问的朋友还有: http://www.iteye.com/problems/56240
原理? 所有传向后台的数组都需要转换成字符串形式。 比如2个name信息 name=aaaa name =bbb
如果是GET 请求, 很好解决,则可以转换成: http://localhost/xxx?name=aaa&name=bbb;
如果是POST请求,参数是不能直接写成 param : {name=’aaa’, name=’bbb’}。 要是按照这样的传参,在后台肯定只会取name=bbb的值了。该怎么办呢?我的解决方案是
后台用List或是数组接收,前台需要用js脚本将多个相同才参数如name,通过 “,” 分隔符组装参数,形成以 “,” 的字符串,传递到后台。举例如下:
一下通过jquery ajax 和 spring3 mvc 展示:
1. html 元素
<input
name="item"
type="checkbox"
value="2001"
/> 支付
<input name="item" type="checkbox" value="2002" /> 查询
<input name="item" type="checkbox" value="2003" /> 对账
<input name="item" type="checkbox" value="2004" /> 提现
<input name="item" type="checkbox" value="2002" /> 查询
<input name="item" type="checkbox" value="2003" /> 对账
<input name="item" type="checkbox" value="2004" /> 提现
2. jquery 代码
var info
= "";
var items = $('[name = "item"]:checkbox:checked');
for (var i = 0; i < items.length; i++) {
// 如果i+1等于选项长度则取值后添加空字符串,否则为逗号
info = (info + items.get(i).value) + (((i + 1)== items.length) ? '':',');
}
$.ajax({
type : 'post',
url: "addPartnerInfo.html",
dataType:'text',
data : {
interface : info
},
success: function(data){
alert(data);
}
});
var items = $('[name = "item"]:checkbox:checked');
for (var i = 0; i < items.length; i++) {
// 如果i+1等于选项长度则取值后添加空字符串,否则为逗号
info = (info + items.get(i).value) + (((i + 1)== items.length) ? '':',');
}
$.ajax({
type : 'post',
url: "addPartnerInfo.html",
dataType:'text',
data : {
interface : info
},
success: function(data){
alert(data);
}
});
java 代码
@RequestMapping(value
= "/addPartnerInfo", method = RequestMethod.POST)
public @ResponseBody String addPartnerInfo(String[] interface) {
System.out.println(interface);
return "ok";
}
public @ResponseBody String addPartnerInfo(String[] interface) {
System.out.println(interface);
return "ok";
}