今天是从数据库中取出来数据然后显示在页面中。
首先从数据库中取出来的数据放入model中 ,然后就可以用
${user.name}进行打印输出在页面中。
@RequestMapping("/testString")
public String testString(Model model) {
System.out.println("testString 执行了 ");
//模拟从数据库中取出的用户数据;
User user = new User();
user.setUsername("马振勇");
user.setAge(23);
user.setPassword("1234");
model.addAttribute("user",user);
return "sucess";
}
${user.username}
${user.password}
‘’
接下来是 void的方法进行返回值操作 。 请求转发与重定向。进行操作。
<a href="user/testVoid"> testVoid</a>
@RequestMapping("/testVoid")
public void testVoid(HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("testVoid 方法执行了。");
//请求转发:
/* request.getRequestDispatcher("/WEB-INF/pages/sucess.jsp").forward(request,response);*/
//重定向
response.sendRedirect(request.getContextPath()+"/index.jsp");
return;
}
上面试通过model 获得对象进行封装,下面是通过modelandview进行操作封装的。、
@RequestMapping("/ModelAndView")
public ModelAndView testModelAndView(){
ModelAndView mv = new ModelAndView();
//模拟从数据库中取出的用户数据;
User user = new User();
System.out.println("testModelAndView");
user.setUsername("马振勇");
user.setAge(23);
user.setPassword("1234");
mv.addObject("user",user);
mv.setViewName("sucess");
return mv;
}
接下来是json的操作: 客户端到服务器的的操作。
<script src="js/jquery.min.js"></script>
<script>
// 页面加载,绑定单击事件
$(function(){
$("#btn").click(function(){
/* alert("hello btn");*/
// 发送ajax请求
$.ajax({
// 编写json格式,设置属性和值
url:"user/testAjax",
contentType:"application/json;charset=UTF-8",
data:'{"username":"hehe","password":"123","age":30}',
dataType:"json",
type:"post",
success:function(data){
// data服务器端响应的json的数据,进行解析
alert(data);
alert(data.username);
alert(data.password);
alert(data.age);
}
});
});
});
</script>
</head>
<body>
<a href="user/testString" >testString</a>
<br/>
<a href="user/testVoid" >testVoid</a>
<br/>
<br/>
<button id="btn">发送ajax的请求</button>
@RequestMapping("/testAjax")
public void testAjax(@RequestBody String body){
System.out.println("testAjax 执行了");
System.out.println(body);
}
将传入的串封装成javabean的操作 封装成bean 的user对象。
$(function(){
$("#btn").click(function(){
/* alert("hello btn");*/
// 发送ajax请求
$.ajax({
// 编写json格式,设置属性和值
url:"user/testAjax",
contentType:"application/json;charset=UTF-8",
data:'{"username":"hehe","password":"123","age":30}',
dataType:"json",
type:"post",
success:function(data){
// data服务器端响应的json的数据,进行解析
alert(data);
alert(data.username);
alert(data.password);
alert(data.age);
}
});
});
});
@RequestMapping("/testAjax")
public @ResponseBody User testAjax(@RequestBody User user){
//客户端发送的是Ajax的请求, 传的是json字符串, 后端把json字符串封装到user对象中
System.out.println("testAjax 执行了");
System.out.println(user);
//作相应对于数据库
user.setUsername("马振勇");
user.setPassword("112asdf");
user.setAge(12);
//给前台作响应
System.out.println(user);
return user;
}