ajax 异步请求向后台传数组类型数据,后台无法接收的原因

<select class="selectpicker" multiple id="orgList">
    <option value="1">广东省</option>
    <option value="2">广西省</option>
    <option value="3">福建省</option>
    <option value="4">湖南省</option>
    <option value="5">山东省</option>                            
</select>

页面中使用了Bootstrap的多选下拉框mutiselect组件,其会将数据封装成数组,传到后台做批量处理,ajax普通的传参方式,后台无法接收的到,无论是数组参数接收也好,还是request接收也好,都接收不到,那么当然也可以通过URL传,拼接字符串,在这里解决的就是无法传数组的问题。下面是ajax请求。

var orgList = $("#orgList").val();
var vendorId = $("#vendorId").val();
$.ajax({
   url : BASE_PATH + "/base/vendorbase/checkVendorByOrgan.do",
   data : {"orgList":orgList,"vendorType":vendorType,"vendorId":vendorId},
   dataType : 'json',
   type : 'post',
   success : function(data) {
             }
 });

下面是后台的接收方法

@RequestMapping("checkVendorByOrgan")
@ResponseBody
public Map<String, Object> checkVendorByOrgan(String[] orgList) {
    String orgList[] = request.getParameter("orgList");
    String vendorType = request.getParameter("vendorType");
    String vendorId = request.getParameter("vendorId");
    Map<String, Object> retMap = vendorBaseService.getVendorInfoByOrgan(orgList, vendorType, vendorId);
    return retMap;
}

在这里orgList为空接收不到的,request接接收的orgList也为空,接收不到参数,经过多方面的试探,查资料,只需在ajax请求时加上traditional: true,就可以解决了。这里的原因是因为一般传输组是都是这样写data:{ 键:值1,值2······}。这样写后台无法接收参数,因为jQuery在处理参数时会将参数序列化,调用jQuery.param(obj,traditional),  traditional默认为false,会将参数深度序列化。但是servelt api无法处理,将traditional设置为true,阻止其深度序列化数组对象,之后序列化结果就会是data:{ 键:值1,值2······}  =====》键=值1&键=值2········

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值