springmvc后台接前端的参数,数组,集合,复杂对象等
原文地址:https://blog.csdn.net/feicongcong/article/details/54705933
常用的几种方式如下:
前端使用jquery向后台传递数组类型的参数,Java后台直接通过List类型接收,会发现无法取到参数。
如果后台非要用List接收参数的话,可以这样实现:
POST方法时Java后端使用@RequestBody注解接收参数
$.ajax{
url:"xxxx",
type : 'POST',
dataType:"json",
contentType:"application/json",
data: JSON.stringify(["123", "456"]),
......
}
后台
@RequestMapping("/getEventData")
public void getEventData(@RequestBody List<String> areaList) {
// TODO
}
(1)数组:
@ResponseBody
@RequestMapping(value = "/ajaxsortPriority")
public ResultDo ajaxsortPriority(@RequestParam("ids[]") Long[] ids) {
ResultDo resultDo=new ResultDo();
int size=cmsBannerService.sortPriority(ids);
if(size==ids.length){
resultDo.setSuccess(true);
}else{
resultDo.setSuccess(false);
}
return resultDo;
}
var param=[];
$("#tb_order").find("td[name='id']").each(function(){
param.push($(this).text());
})
var ids={ids:param};
$.ajax({
cache: true,
type: "GET",
url: "/cmsBanner/ajaxsortPriority",
dataType:"json",
data:ids,
async: false,
success: function (data) {
(2)集合
@RequestMapping(value = "/cfgRepayRemind", method = RequestMethod.POST)
@ResponseBody
public ResultDo<?> cfgRepayRemind(
@RequestBody List<SysDictPojo> sysDictPojos //@RequestBody 前台请求的数据格式必须为json
) {
ResultDo<?> resultDo = ResultDo.build();
try {
icProjectRepayService.cfgRepayRemind(sysDictPojos);
} catch (Exception e) {
resultDo.setSuccess(false);
}
return resultDo;
}
//pojo类
public class SysDictPojo extends AbstractBasePojo {
private Long id;
private String key;
private String value;
private String description;
}
function cfgRepayRemind(ele) {
var url = $(ele).attr("value");
var params = [];
$("#repayRemindMobile").find("ul").each(function () {
var id = $(this).find("input[name='id']").eq(0).val();
var value = $(this).find("input[name='value']").eq(0).val();
params.push({id: id, value: value});//id,value 为java bean里的属性,名字一致
})
$.ajax({
cache: true,
type: "POST",
url: url,
data: JSON.stringify(params),// 指定请求的数据格式为json,实际上传的是json字符串
contentType: 'application/json;charset=utf-8',//指定请求的数据格式为json,这样后台才能用@RequestBody 接受java bean
dataType: "json",
async: false,
success: function (data) {
if (data.success) {
toastr.success("操作成功");
setTimeout(function () {
location.reload();
}, 1000)
}
}
});
}
(3) 单参数
$.ajax({
type:"post",
data:{total:'100'},
dataType:'json',
url:"http://127.0.0.1:8089/icProject/test",
success:function () {
}
})
@RequestMapping(value = "/test", method = RequestMethod.POST)
@ResponseBody
public String test(@RequestParam("total") String total
) {
return null;
}
(3)传多个参数
var tagIds = []
$.ajax({
type: "POST",
url: "/auth/childComment/createComment",
data: {
id: $("#sourceId").val(),
courseId: $("#courseId").val(),
classId: $("#commentClassId").val(),
content: $("#updateContent").val(),
childId: $("#childId").val(),
classCatalogId: $("#classCatalogId").val(),
tagId: tagIds
},
@PostMapping("createComment")
@PreAuthorize("hasAnyAuthority('merchant:childComment:index')")
@ResponseBody
public ResultDo createComment(
@RequestParam(value = "childId") Long childId,
@RequestParam(value = "courseId") Long courseId,
@RequestParam(value = "classId") Long classId,
@RequestParam(value = "classScheduleId") Long classScheduleId,
@RequestParam(value = "content") String content,
@RequestParam(value = "tagId[]", required = false) List<Long> tagIds
) {
(4)表单数据序列化传参,ajax提交
var params = $("#sysUserFrm").serialize();
var url = "/sysUser/settingSave"
$.ajax({
cache: true,
type: "POST",
url: url,
data: params,
dataType: "json",
async: false,
success: function (data) {}
})
@RequestMapping(value = "/settingSave", method = RequestMethod.POST)
@ResponseBody
public ResultDo<?> settingSave(SysUserPojo sysUserPojo) {}
这样sysUserPojo也能接收到Bean,其实这里的
$("#sysUserFrm").serialize() 就相当于组装的 json对象 { }
使用时必须先组装json对象{username:“carter” }
我的习惯是用 @RequestBody接受带List对象的对象或者List对象,因为js中有个push方法用来组合得到 List 比较简单
不使用contentType: “application/json”则data可以是对象,使用contentType: “application/json”则data只能是json字符串
使用@RequestBody(实际上接受的是json的字符串)
function logined() {
$.ajax({
type: "POST",
url: "/backend/logined",
data:JSON.stringify({userName:"cater",password:"123456"}) ,//转成字符串
contentType: "application/json;charset=utf-8",//不使用contentType: “application/json”则data可以是对象,使用contentType: “application/json”则data只能是json字符串
success: function (data) {}
})
}
@RequestMapping(value = “adds”,method = R
equestMethod.POST,produces="text/html;charset=UTF-8")
@ResponseBody
public SimpleResult adds(HttpServletRequest request, HttpServletResponse response){
SimpleResult simpleResult=null;
String str = null;
try {
//解码,为了解决中文乱码
str = URLDecoder.decode(request.getParameter("model"),"UTF-8");
System.out.println("----------------str"+str);
JSONObject jb=new JSONObject();
//将json格式的字符串转换为json数组对象
JSONArray array=(JSONArray)jb.fromObject(str).get("dts");
//取得json数组中的第一个对象
JSONObject o = (JSONObject) array.get(0);//获得第一个array结果
System.out.println("数组大小:"+array.size());
//取出json数组中第一个对象的“userName”属性值
String name=o.get("drunam").toString();//获得属性值
System.out.println(name);
System.out.println(o);
} catch (Exception e) {
e.printStackTrace();
}
simpleResult=SimpleResult.success();
return simpleResult;
}
在SpringMVC环境中,
@RequestBody接收的是一个Json对象的字符串,而不是一个Json对象。然而在ajax请求往往传的都是Json对象,用 JSON.stringify(data)的方式就能将对象变成字符串。同时ajax请求的时候也要指定dataType: “json”,contentType:“application/json” 这样就可以轻易的将一个对象或者List传到Java端!
服务器为什么会对表单提交和文件上传做特殊处理,因为表单提交数据是名值对的方式,且Content-Type为application/x-www-form-urlencoded,而文件上传服务器需要特殊处理,普通的post请求(Content-Type不是application/x-www-form-urlencoded)数据格式不固定,不一定是名值对的方式,所以服务器无法知道具体的处理方式,所以只能通过获取原始数据流的方式来进行解析。 jquery在执行post请求时,会设置Content-Type为application/x-www-form-urlencoded,所以服务器能够正确解析,而使用原生ajax请求时,如果不显示的设置Content-Type,那么默认是text/plain,这时服务器就不知道怎么解析数据了,所以才只能通过获取原始数据流的方式来进行解析请求数据。
第一种方式 传递的参数Bean
复制代码
jsp文件:
$("#saveuddd").click(function(){
var saveDataAry=[];
var data1={"name":"test","password":"gz"};
var data2={"name":"ququ","password":"gr"};
saveDataAry.push(data1);
saveDataAry.push(data2);
$.ajax({
type:"POST",
url: basePath + "/user/saveUser",
dataType:"json",
contentType:"application/json", // 指定这个协议很重要
data:JSON.stringify(saveDataAry), //只有这一个参数,json格式,后台解析为实体,后台可以直接用
success:function(data){
}
});
})
java文件
@RequestMapping(value = "saveUser", method = {RequestMethod.POST })
@ResponseBody
public void saveu( @RequestBody List<User> users ){ //此时的user是map数据,并没有解析为bean // 不建议使用
System.out.println(users) ;
}
使用如下方法,可以使用bean
@RequestMapping(value = "saveUser", method = {RequestMethod.POST })
@ResponseBody
public void saveu( @RequestBody User[] users ){
System.out.println(users.getName()) ; // 此时的user是实体bean
}
第二种方式 传递的键值对
jsp同上
另外一种:
@RequestMapping(value = "saveUser", method = {RequestMethod.POST })
@ResponseBody
public void saveu( @RequestBody List<Map<String,String>> users ){ // spring MVC只能解析外层的json格式,内部的bean转化为Map格式的键值对,需要对map解析
List<User> userList = new ArrayList<User>();
for(Map<String,String> map : users){
User u = new User();
u.setName(map.get("name"));
u.setPassword(map.get("password"));
userList.add(u);
}
// 这里就可以使用 userList 了
}
能够传递多个参数,但是每一个参数都是字符串(bean类型的数据会转化为JSON格式的字符串)
jsp文件
$("#saveuddd").click(function(){
var saveDataAry=[];
var data1={"name":"test","password":"gz"};
var data2={"name":"ququ","password":"gr"};
saveDataAry.push(data1);
saveDataAry.push(data2);
$.ajax({
type:"POST",
url: basePath + "/user/saveUser",
dataType:"json",
data:{users:JSON.stringify(saveDataAry),aa:"ddd"},
// 可以传递多个参数,但此时的users内容与另外一个参数:aa 的内容一起传递,所以后台解析为字符串
// 后台接收的users内容:[{"name":"test","password":"gz"},{"name":"ququ","password":"gr"}]
// 后台接收的 aa 内容:"ddd"
success:function(data){
}
});
})
java文件
@RequestMapping(value = "saveUser", method = {RequestMethod.POST })
@ResponseBody
public void saveu( String users , String aa ){
System.out.println(users) ;
}