jQuery.ajax向后臺傳遞數(shù)組問題的解決方法
更新時(shí)間：2017年05月12日 09:40:34 作者：nickTimer
這篇文章主要為大家詳細(xì)介紹了jQuery.ajax向后臺傳遞數(shù)組問題的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
今天重溫了一個(gè)問題，jQuery.ajax向后臺傳遞一個(gè)數(shù)組，而在后臺接收不到該值。
前臺js方法部分代碼如下：
//創(chuàng)建一個(gè)測試數(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ù)如下：
可以看到，參數(shù)的名字為boxIds[]而不是我們所定義的boxIds，也就是說，當(dāng)傳遞數(shù)組時(shí)，會在我們的數(shù)組名稱后自動(dòng)加上”[]”，所以后臺接不到。
解決辦法：
設(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ā)出請求，觀察瀏覽器：
請求參數(shù)2
這次參數(shù)不帶”[]”了，并且后臺可以成功接收到該數(shù)組。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
在其他地方你學(xué)不到的jQuery小貼士和技巧(歡迎收藏)
這篇文章主要介紹了在其他地方你學(xué)不到的jQuery小貼士和技巧(歡迎收藏)的相關(guān)資料,需要的朋友可以參考下2016-01-01
利用Jquery實(shí)現(xiàn)幾款漂亮實(shí)用的時(shí)間軸(附示例代碼)
這篇文章主要介紹了利用Jquery實(shí)現(xiàn)幾款漂亮的時(shí)間軸示例代碼，文中利用Jquery實(shí)現(xiàn)了縱向折疊時(shí)間軸、縱向鼠標(biāo)滑動(dòng)時(shí)間軸、縱向可折疊時(shí)間軸以及橫向時(shí)間軸，每種時(shí)間軸都給出了完整的示例代碼，需要的朋友可以參考學(xué)習(xí)。2017-02-02
jQuery插件FusionCharts實(shí)現(xiàn)的Marimekko圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的Marimekko圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionCharts插件結(jié)合xml數(shù)據(jù)繪制Marimekko圖的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jquery dialog鍵盤事件代碼，檢測回車等事件的觸發(fā)問題。2010-08-08
這篇文章主要介紹了nicejforms——美化表單不用愁2007-02-02
簡單的代碼實(shí)現(xiàn)jquery定時(shí)器
當(dāng)收到消息的時(shí)候能夠及時(shí)的刷新,顯示收到消息的條數(shù)，下面與大分享下使用簡單的代碼實(shí)現(xiàn)jquery定時(shí)器2013-11-11
本文重點(diǎn)給大家介紹了jQuery中的2個(gè)函數(shù)hover和toggle的使用方法和示例，非常的簡單實(shí)用，推薦給小伙伴們參考下。2015-02-02
這篇文章主要介紹了jQuery搜索子元素的方法,實(shí)例分析了children、find等方法的使用技巧,需要的朋友可以參考下2015-02-02
jquery實(shí)現(xiàn)輸入框動(dòng)態(tài)增減的實(shí)例代碼
主要功能是動(dòng)態(tài)增減輸入框，而且支持對各個(gè)輸入框的檢測，每個(gè)輸入框在輸入內(nèi)容后，對其進(jìn)行錯(cuò)誤提示2013-07-07
JQuery中對Select的option項(xiàng)的添加、刪除、取值
jQuery獲取Select選擇的Text和Value及添加/刪除Select的Option項(xiàng)，在本文將為大家詳細(xì)介紹下具體的實(shí)現(xiàn)，感興趣的朋友可以參考下2013-08-08