通过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',...
·
一、传数组
前端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<String,Object> sendArr(String[] ids) {
Map<String,Object> map = new HashMap<String,Object>();
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<String,Object> sendList(@RequestBody List<String> ids) {
Map<String,Object> map = new HashMap<String,Object>();
map.put("ids", ids);
return map;
}

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐
所有评论(0)