前端用AJAX把数组传给后端控制器数组参数的方法
分两种情况：
1. 数组元素是基本类型数据的数组。
2. 数组元素是普通类对象的数组。
下面分别讲解。
一、数组元素是基本类型数据的数组
这种情况比较简单，下面是示例代码。
原文链接：https://www.f2er.com/ajax/160357.html分两种情况：
1. 数组元素是基本类型数据的数组。
2. 数组元素是普通类对象的数组。
下面分别讲解。
一、数组元素是基本类型数据的数组
这种情况比较简单，下面是示例代码。
控制器代码：
@Controller
@RequestMapping(value = "testctrl")
@ResponseBody
@RequestMapping(value = "testfun",method = RequestMethod.POST)
public void testFun(@RequestParam(value="arrint[]") int[] arrint){ // 用 Integer 类型也可以。
return;
}
}
前端JS代码：
<script type="text/javascript">
$(function(){
alert("here is test.");
test();
});
function test()
{
var arr = [1,3,5];
$.ajax({
url: "/test/testctrl/testfun",type: 'POST',async: true,data: {"arrint[]":arr},dataType:'JSON',success:function(data){
// ...
}
});
}
</script>
二、数组元素是普通类对象的数组
这种情况比较复制，要多写点代码，如下。定义一个类：
public class TestXfer {
private Integer testid;
private String teststr;
public Integer getTestid() {
return testid;
}
public void setTestid(Integer testid) {
this.testid = testid;
}
public String getTeststr() {
return teststr;
}
public void setTeststr(String teststr) {
this.teststr = teststr;
}
}
控制器代码：
@Controller
@RequestMapping(value = "testctrl")
public class TestController {
@ResponseBody
@RequestMapping(value = "testfun",method = RequestMethod.POST)
public void testFun(String testxfers){
Object val;
JSONArray jsnarr = JSONArray.fromObject(testxfers);
TestXfer[] arrTestxfer = new TestXfer[jsnarr.size()];
for(int i=0; i<jsnarr.size(); i++){
arrTestxfer[i] = new TestXfer();
JSONObject jsnobj = jsnarr.getJSONObject(i);
if(null != (val = jsnobj.get("testid")))
arrTestxfer[i].setTestid((Integer) val);
if(null != (val = jsnobj.get("teststr")))
arrTestxfer[i].setTeststr(val.toString());
}
return：
}
}
前端JS代码：
<script type="text/javascript">
$(function(){
alert("here is test.");
test();
});
function test()
{
var arr=
[
// { testid:1,teststr:'str1' },{ testid:1 },// { testid:2,teststr:'str2' },{ teststr:'str2' },{ testid:3,teststr:'str3' }
];
$.ajax({
url: "/test/testctrl/testfun",data: {testxfers:JSON.stringify(arr)},success:function(data){
// ...
}
});
}
</script>
Ok，完毕！
