通过ajax将数组或list集合传到后台的方法

一、传数组

前端js：

$(document).on('click', '#sendArr', function () {

var ids = [];

for(var i=0; i<10; i++){

ids.push(i);

}

$.ajax({

type: 'post',

dataType: 'json',

url: '/test/test/sendArr',

data: {ids:ids},

traditional: true,

success: function (result) {

console.log(result)

},

error: function(data){

alert("操作异常");

}

});

});或者

$(document).on('click', '#sendArr', function () {

var params = {

ids:[]

}

for(var i = 10; i > 0; i--) {

params.ids.push(i);

}

$.ajax({

type: 'post',

dataType: 'json',

url: '/test/test/sendArr',

data: params,

traditional: true,

success: function (result) {

console.log(result)

},

error: function(data){

alert("操作异常");

}

});

});后端：

@PostMapping("/sendArr")

public Map sendArr(String[] ids) {

Map map = new HashMap();

map.put("ids", ids);

return map;

}

二、传list集合

前端js：

$("#sendList").click(function(){

var ids = [];

for(var i=0; i<10; i++){

ids[i] = i;

}

$.ajax({

type: 'post',

dataType: 'json',

url: '/test/test/sendList',

data: JSON.stringify(ids),

contentType:"application/json",

success: function (result) {

console.log(result)

},

error: function(data){

alert("操作异常");

}

});

});后端：

@PostMapping("/sendList")

public Map sendList(@RequestBody List ids) {

Map map = new HashMap();

map.put("ids", ids);

return map;

}