今天重温了一个问题,jQuery.ajax向后台传递一个数组,而在后台接收不到该值。
前台js方法部分代码如下:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | //创建一个测试数组 var boxIds = new Array(); boxIds.push(12182); boxIds.push(12183); boxIds.push(12184); //向后台交互 $.ajax({ url: "/xxx" , type: "GET" , data: { "boxIds" : boxIds, "boxType" : 0, "time" : new Date().getTime() }, success: function (data) { //do sth... } }); |
后台controller代码(SpringMVC)
?
1 2 3 4 5 | @ResponseBody @RequestMapping (value = "/box/changeLock" ) public String changeLock( final Long[] boxIds, final int boxType) { return locker_ChangeLockService.changeLock(boxIds, boxType); } |
观察浏览器中发送的请求,可以发现参数如下:
boxIds[]:223,
boxIds[]:224,
可以看到,参数的名字为boxIds[]而不是我们所定义的boxIds,也就是说,当传递数组时,会在我们的数组名称后自动加上”[]”,所以后台接不到。
解决办法:
设置jQuery.ajax的tradional属性
?
1 2 3 4 5 6 7 8 9 10 11 12 13 | $.ajax({ url: "/xxx" , type: "GET" , data: { "boxIds" : boxIds, "boxType" : 0, "time" : new Date().getTime() }, traditional: true , //这里设置为true success: function (data) { //do sth... } }); |
修改之后重新发出请求,观察浏览器:
请求参数2
这次参数不带”[]”了,并且后台可以成功接收到该数组。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。