jQuery.ajax向后臺傳遞數(shù)組問題
今天重溫了一個問題,jQuery.ajax向后臺傳遞一個數(shù)組,而在后臺接收不到該值
前臺js方法部分代碼如下:
//創(chuàng)建一個測試數(shù)組
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)
@ResponseBody
@RequestMapping(value = "/box/changeLock")
public String changeLock(final Long[] boxIds, final int boxType) {
return locker_ChangeLockService.changeLock(boxIds, boxType);
}
觀察瀏覽器中發(fā)送的請求,可以發(fā)現(xiàn)參數(shù)如下:
[圖片上傳失敗...(image-1ec2eb-1523443241162)]
可以看到,參數(shù)的名字為boxIds[]而不是我們所定義的boxIds,也就是說,當傳遞數(shù)組時,會在我們的數(shù)組名稱后自動加上”[]”,所以后臺接不到。
解決辦法:
設(shè)置jQuery.ajax的tradional屬性
$.ajax({
url: "/xxx",
type: "GET",
data: {
"boxIds": boxIds,
"boxType": 0,
"time": new Date().getTime()
},
traditional: true,//這里設(shè)置為true
success: function(data) {
//do sth...
}
});
修改之后重新發(fā)出請求,觀察瀏覽器:
[圖片上傳失敗...(image-c59368-1523443241161)]
這次參數(shù)不帶”[]”了,并且后臺可以成功接收到該數(shù)組。