jQuery.ajax向后臺(tái)傳遞數(shù)組問題的解決方法

2019-11-19 16:35:55

字體：大中小

供稿：網(wǎng)友

今天重溫了一個(gè)問題，jQuery.ajax向后臺(tái)傳遞一個(gè)數(shù)組，而在后臺(tái)接收不到該值。

前臺(tái)js方法部分代碼如下：

//創(chuàng)建一個(gè)測(cè)試數(shù)組var boxIds = new Array();boxIds.push(12182);boxIds.push(12183);boxIds.push(12184);//向后臺(tái)交互$.ajax({  url: "/xxx",  type: "GET",  data: {    "boxIds": boxIds,    "boxType": 0,    "time": new Date().getTime()  },  success: function(data) {    //do sth...  }});

后臺(tái)controller代碼（SpringMVC）

@ResponseBody@RequestMapping(value = "/box/changeLock")public String changeLock(final Long[] boxIds, final int boxType) {  return locker_ChangeLockService.changeLock(boxIds, boxType);}

觀察瀏覽器中發(fā)送的請(qǐng)求，可以發(fā)現(xiàn)參數(shù)如下：

可以看到，參數(shù)的名字為boxIds[]而不是我們所定義的boxIds，也就是說，當(dāng)傳遞數(shù)組時(shí)，會(huì)在我們的數(shù)組名稱后自動(dòng)加上”[]”，所以后臺(tái)接不到。

解決辦法：

設(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ā)出請(qǐng)求，觀察瀏覽器：