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

xiaoxiao2025-09-04  290

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

 

转载请注明原文地址: https://www.6miu.com/read-5035751.html

最新回复(0)