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[]而不是我们所定义的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

这次参数不带”[]”了,并且后台可以成功接收到该数组。

猜你喜欢

转载自blog.csdn.net/weixin_44389107/article/details/88853628