一、JSP页面向Controller提交参数
1. 简单类型数据传递:
首先介绍jsp页面向Controller传递参数的两种方式,表单提交和ajax提交请求:
①表单提交(Content-Type默认为application/x-www-form-urlencoded),jsp和controller代码如下所示:
注:该方式参数名称需要和controller参数名称一致时,请求参数和形参才会发生绑定。
界面演示:
JSP代码:
普通表单提交方式传递参数
Controller代码:
@RequestMapping(value = "/addNameAndAge")
public ModelAndView addNameAndAge(ModelAndView modelAndView,String name, Integer age){
System.out.println(name + age + "岁了!");
modelAndView.setViewName("simple_form");
return modelAndView;
}
运行结果:张三12岁了!
GET和POST请求参数区别详解:
Post请求参数中文乱码解决方式参考:http://www.jianshu.com/p/435c13cfc769
②Ajax提交表单请求(Content-Type默认为application/x-www-form-urlencoded; charset=UTF-8),jsp代码如下,controller代码与①一致:
注:Ajax参数名称需要和controller参数名称一致时,请求参数和形参才会发生绑定。
AJAX提交
Ajax提交请求的参数如图所示:
注:(ajax默认 Content-Type为application/x-www-form-urlencoded; charset=UTF-8),所以不需要处理字符串乱码。
2. 简单POJO进行数据绑定:
注:请求的参数名称和对象中的属性名称一致则将参数值设置在pojo对象中,否则该请求参数将被忽略。
JSP代码:
简单POJO进行数据绑定
Controller代码:
@RequestMapping(value = "/addUser")
public ModelAndView addUser(ModelAndView modelAndView, User user){
modelAndView.setViewName("simple_form");
System.out.println(user.getName() + user.getAge() + "岁了!");
return modelAndView;
}
User类:
public class User {
private String Name;
private Integer age;
private Date birthday;
....get set方法省略
}
运行结果:张三12岁了!
Spring Mvc不会自动进行日期转换,需要手动进行日期转换,参考https://www.cnblogs.com/liuconglin/p/5777879.html
3. 包装POJO进行数据绑定:
注:当请求参数是多个POJO的组合体时,需要对POJO进行包装,才能够将属性相绑定到对应的POJO上。此时需要将input框name属性值的格式properties改为pojo.properties,即包装POJO中pojo的名称加上pojo的属性名。
JSP代码:
包装POJO进行数据绑定
Controller代码:
@RequestMapping(value = "/addUserVo")
public ModelAndView addUserVo(ModelAndView modelAndView, UserVo uerVo){
modelAndView.setViewName("simple_form");
User user = uerVo.getUser();
System.out.println(user.getName() + user.getAge() + "岁了!");
return modelAndView;
}
User类:
public class UserVo {
private User user;
....get set方法省略
}
运行结果:张三12岁了!
4. 绑定数组
注:input框name属性值需要与controller数组名称一致
界面演示:
JSP代码:
绑定数组
Controller代码:
@RequestMapping(value = "/addArray")
public ModelAndView addArray(ModelAndView modelAndView, Integer[] age){
modelAndView.setViewName("simple_form");
for(int i : ages){
System.out.println(i);
}
return modelAndView;
}
运行结果:1 2 3
5. 绑定集合
注:集合必须使用BeanListModel格式接收才能够绑定得上,input框name属性值需要与数组名称一致,并且需要加上集合下标
JSP代码:
绑定集合
Controller代码:
@RequestMapping(value = "/addList")
public ModelAndView addList(ModelAndView modelAndView, UserVo userVo){
modelAndView.setViewName("simple_form");
for(int i : userVo.getAges()){
System.out.println(i);
}
return modelAndView;
}
在UserVo中新增ages参数:
public class UserVo {
private User user;
private List ages;
....get set方法省略
}
运行结果:1 2 3
6. 绑定Map
注:需要在map前面加上@RequestParam参数,jsp的name等都不变
JSP代码:
绑定Map
Controller代码:
@RequestMapping(value = "/addMap")
public ModelAndView addMap(ModelAndView modelAndView,@RequestParam Map map){
modelAndView.setViewName("simple_form");
System.out.println(map.get("name").toString() + map.get("age").toString() + "岁了!");
return modelAndView;
}
运行结果:张三12岁了!
7. 绑定JSON
注:请求参数类型需要设置 contentType:'application/json’
界面演示:
JSP代码:
Json数据交互
Controller代码:
@RequestMapping(value = "/addJson")
@ResponseBody
public User addJson(@RequestBody User user){
System.out.println(user.getName() + user.getAge() + "岁了!");
return user;
}
运行结果:张三12岁了!
8. Json 数组交互(后端用List接收)
注:请求参数直接stringify数组对象,如[1,2]
界面演示:
JSP代码:
Json 数组交互(后端用List接收)
Controller代码:
@RequestMapping(value = "/addJsonArray")
@ResponseBody
public List addJsonArray(@RequestBody List likes){
System.out.println("爱好:" + likes);
return likes;
}
运行结果:爱好:[足球, 篮球]
测试例子下载:https://download.csdn.net/download/qq_16143915/10708036
转载请注明出处:http://blog.csdn.net/qq_16143915/article/details/78697436