springmvc_day02_response

最新推荐文章于 2022-07-17 14:43:29 发布

whoauSiSi

最新推荐文章于 2022-07-17 14:43:29 发布

阅读量150

点赞数

本文链接：https://blog.csdn.net/qq_43621053/article/details/103310128

版权

今天是从数据库中取出来数据然后显示在页面中。

首先从数据库中取出来的数据放入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;
    }