<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········