当前位置: 代码迷 >> Ajax >> jquery ajax像后台老板action中传递数组
  详细解决方案

jquery ajax像后台老板action中传递数组

热度:439   发布时间:2013-03-17 13:48:32.0
jquery ajax像后台action中传递数组
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" /> 提现

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);
   }
});

java 代码

@RequestMapping(value = "/addPartnerInfo", method = RequestMethod.POST)
public @ResponseBody String addPartnerInfo(String[] interface) {
    System.out.println(interface);
    return "ok";
}
  相关解决方案