SpringMVC接受参数各种场景

转载请标明出处：https://blog.csdn.net/victoylin/article/details/79803546

表单提交

           
此处的表单时 -使用JSON.stringify()函数将数组转换成json类型提交后台，后台使用@RequestBody User user接受处理

• 页面js
  

  //新增提交按钮
  $("#buildsubmit").click(function() {
  			var param = $(".form").serializeJson();
  			$.ajax({
  				type: 'post',
  				url: path + "/web/member/save.do",
  				contentType: "application/json",
  				dataType: 'json',
  				data: JSON.stringify(param),
  				success: function(data) {
  					
  				},
  			});
  		}
  	});

• 后端代码
  

  @RequestMapping(value = "/save", method = RequestMethod.POST)
  public GeneralResponse save(@RequestBody @Valid MemberInsertDetail member, BindingResult bindingResult)
  			throws JsonProcessingException {
  		if (bindingResult.hasErrors()) {
  			throw new ErrParamException();
  		}
  		boolean flag = false;
  		flag = memberService.save(member);
  }

• 表单提交二

  使用.serialize()方法 提交表单内容；1、可以后台使用 request.getParamter("对应字段的name")获取参数；2、也可以使用 Model mdel 的POJO接受。（name要一一对应起来）
  格式：var data = $("#formID").serialize();
功能：将表单内容序列化成一个以&拼接的字符串，键值对的形式，name1=val1&name2=val2&，空格以%20替换。

  页面JS

• function sub(){
  	$.ajax({
  		type:"post",
  		url:"/restaurant/addEmployees.do",
  		data:$("#form").serialize(),
  		dataType :"json",
  		success:function(data){
  			if(!data.success){
  		}
  	});	
  }

页面html代码：

<form action="" id="staff_form">
	<div class="addInfor">
			<input type="" name="phone" id="phone" value="" placeholder="请输入手机号"/>
			<input type="" name="password" id="password" value="" placeholder="请输入密码"/>
			<input type="" name="username" id="username" value="" placeholder="请输入姓名"/>
		
			<input name="checkbox" value="chief_store_member" type="checkbox" >
			<label class="grey-font" >多店管理</label>
			<input name="checkbox" value="branch_store_member" type="checkbox">
			<label class="grey-font" >单店管理</label>
	</div>
	<button type="button" class="mui-btn orange-btn" οnclick="sub();">确认</button>
</form>

后台代码接收方式一  ： 含有单个的checkbox参数接收

@RequestMapping("/addEmployees")
@ResponseBody
public Result<Integer> addEmployees(HttpServletRequest request) {
		String phone = request.getParameter("phone");
		String password = request.getParameter("password");
		String username = request.getParameter("username");
		身份单checkbox接收。如果是复选框多个checkbox，则用数组String[] 接收。
		String checkbox = request.getParameter("checkbox");
}

后台代码接收方式二 ：

@RequestMapping(value="/addCustomer",method=RequestMethod.POST)
@ResponseBody
public LogisticsResult addCustomer(@Valid CustomerInfo customer,BindingResult result ){
        如果是复选框多个checkbox，则在pojo中 用与checkbox的name一样的 数组接收。
        如： String[] checkbox;
}

• 接收List<String>集合参数：

1、页面js代码：

  

Js代码  

1. var idList = new Array();  
2. idList.push(“1”);   
3. idList.push(“2”);   
4. idList.push(“3”);  
5. var isBatch = false;  
6. $.ajax({  
7.     type: "POST",  
8.     url: "<%=path%>/catalog.do?fn=deleteCatalogSchemes",  
9.     dataType: 'json',  
10.     data: {"idList":idList,"isBatch":isBatch},  
11.     success: function(data){  
12.         …  
13.     },  
14.     error: function(res){  
15.         …  
16.     }  
17. });  

 

 2、Controller方法：

 

Java代码  

1. @Controller  
2. @RequestMapping("/catalog.do")  
3. public class CatalogController {  
4.   
5.     @RequestMapping(params = "fn=deleteCatalogSchemes")  
6.     @ResponseBody  
7.     public AjaxJson deleteCatalogSchemes(@RequestParam("idList[]") List<String> idList,Boolean isBatch) {  
8.             …  
9.     }  
10. }  

 

•  接收List<User>、User[]集合参数：

 1、User实体类：

 

Java代码  

1. public class User {  
2.         private String name;   
3.     private String pwd;  
4.     //省略getter/setter  
5. }  

 

2、页面js代码：

Js代码  

1. var userList = new Array();  
2. userList.push({name: "李四",pwd: "123"});   
3. userList.push({name: "张三",pwd: "332"});   
4. $.ajax({  
5.     type: "POST",  
6.     url: "<%=path%>/catalog.do?fn=saveUsers",  
7.     data: JSON.stringify(userList),//将对象序列化成JSON字符串  
8.     dataType:"json",  
9.     contentType : 'application/json;charset=utf-8', //设置请求头信息  
10.     success: function(data){  
11.         …  
12.     },  
13.     error: function(res){  
14.         …  
15.     }  
16. });  

 

3、Controller方法：

Java代码  

1. @Controller  
2. @RequestMapping("/catalog.do")  
3. public class CatalogController {  
4.   
5.     @RequestMapping(params = "fn=saveUsers")  
6.     @ResponseBody  
7.     public AjaxJson saveUsers(@RequestBody List<User> userList) {  
8.         …  
9.     }  
10. }  

    如果想要接收User[]数组，只需要把saveUsers的参数类型改为@RequestBody User[] userArray就行了。

 

• 接收List<Map<String,Object>>集合参数：

 1、页面js代码（不需要User对象了）：

Js代码  

1. var userList = new Array();  
2. userList.push({name: "李四",pwd: "123"});   
3. userList.push({name: "张三",pwd: "332"});   
4. $.ajax({  
5.     type: "POST",  
6.     url: "<%=path%>/catalog.do?fn=saveUsers",  
7.     data: JSON.stringify(userList),//将对象序列化成JSON字符串  
8.     dataType:"json",  
9.     contentType : 'application/json;charset=utf-8', //设置请求头信息  
10.     success: function(data){  
11.         …  
12.     },  
13.     error: function(res){  
14.         …  
15.     }  
16. });  

  

2、Controller方法：

Java代码  

1. @Controller  
2. @RequestMapping("/catalog.do")  
3. public class CatalogController {  
4.   
5.     @RequestMapping(params = "fn=saveUsers")  
6.     @ResponseBody  
7.     public AjaxJson saveUsers(@RequestBody List<Map<String,Object>> listMap) {  
8.         …  
9.     }  
10. }  

 

•  接收User(bean里面包含List)集合参数：

 1、User实体类：

Java代码  

1. public class User {  
2.     private String name;   
3.     private String pwd;  
4.     private List<User> customers;//属于用户的客户群  
5.     //省略getter/setter  
6. }  

 

2、页面js代码：

 

Js代码  

1. var customerArray = new Array();  
2. customerArray.push({name: "李四",pwd: "123"});   
3. customerArray.push({name: "张三",pwd: "332"});   
4. var user = {};  
5. user.name = "李刚";  
6. user.pwd = "888";  
7. user. customers = customerArray;  
8. $.ajax({  
9.     type: "POST",  
10.     url: "<%=path%>/catalog.do?fn=saveUsers",  
11.     data: JSON.stringify(user),//将对象序列化成JSON字符串  
12.     dataType:"json",  
13.     contentType : 'application/json;charset=utf-8', //设置请求头信息  
14.     success: function(data){  
15.         …  
16.     },  
17.     error: function(res){  
18.         …  
19.     }  
20. });  

  3、Controller方法：

Java代码  

1. @Controller  
2. @RequestMapping("/catalog.do")  
3. public class CatalogController {  
4.   
5.     @RequestMapping(params = "fn=saveUsers")  
6.     @ResponseBody  
7.     public AjaxJson saveUsers(@RequestBody User user) {  
8.         List<User> customers = user.getCustomers();  
9.         …  
10.     }  
11. }