SpringMVC 02: SpringMVC响应get和post请求 + 5种获取前端数据的方式

2年前 (2022) 程序员胖胖胖虎阿
178 0 0

响应get和post请求

  • SpringMVC中使用@RequestMapping注解完成对get请求和post请求的响应

  • 项目结构和配置文件与SpringMVC博客集中的"SpringMVC 01"保持一致

  • 在webapp/admin目录下新建2个jsp文件,这两个jsp文件分别作为相应请求的响应页面

  • mainGet.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>mainGet.jsp</title>
</head>
<body>
<h2>main......page.....get......</h2>
</body>
</html>
  • mainPost.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>mainPost.jsp</title>
</head>
<body>
<h2>main......page.....post......</h2>
</body>
</html>
  • 新增控制器:ReqAction,在@RequestMapping注解后可以跟两个参数
  • value参数负责对应请求路径,只有正确请求路径下的目标action方法,才可能被调用
  • method参数负责指定该action方法负责响应的请求类型
  • 仅是请求路径对应上并不可以调用action方法,必须请求路径和请求方式都对上,相应的action方法才会被调用
package com.example.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class ReqAction {
    @RequestMapping(value = "/req", method = RequestMethod.GET)
    public String reqGet(){
        System.out.println("获取到get请求,服务器被访问......");
        return "mainGet";
    }

    @RequestMapping(value = "/req", method = RequestMethod.POST)
    public String reqPost(){
        System.out.println("获取到post请求,服务器被访问......");
        return "mainPost";
    }
}
  • webapp/index.jsp如下,以form表单的形式,分别发送get和post请求
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>index.jsp</title>
</head>
<body>
<h2>分别用get和post方式访问服务器</h2>
<form action="${pageContext.request.contextPath}/req.action" method="get/post">
    <input type="submit" value="get/post方式提交">
</form>
</body>
</html>
  • 部署并启动tomcat测试,第一次用表单发送get请求,第二次用表单发送post请求

  • 表单发送get请求时,网站首页(left),请求到的页面(mild),控制台输出(right)如下

SpringMVC 02: SpringMVC响应get和post请求 + 5种获取前端数据的方式

  • 表单发送post请求时,网站首页(left),请求到的页面(mild),控制台输出(right)如下

SpringMVC 02: SpringMVC响应get和post请求 + 5种获取前端数据的方式

5种获取前端数据的方式

  • 1.直接注入获取
  • 2.实体类封装获取
  • 3.动态占位符获取
  • 4.@RequestParam注解方式获取
  • 5.手工获取数据
  • 在webapp/admin目录下新建dataSubmit.jsp,作为5种请求方式的响应结果页面
  • dataSubmit.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>dataSubmit.jsp</title>
</head>
<body>
<h2>dataSubmit.........page</h2>
</body>
</html>
  • webapp/index.jsp如下,是网站的首页,包含5种请求方式的前端显示
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>index.jsp</title>
</head>
<body>
    
<h2>SpringMVC中获取前端提交数据的5种方式</h2>
<hr>
    
<h2>方式1:单个数据的获取方式</h2>
<form action="${pageContext.request.contextPath}/dataSubmit/submit01.action" method="get">
    姓名:<input type="text" name="name"><br>
    年龄:<input type="text" name="age"><br>
    <input type="submit" value="提交">
</form>
    
<h2>方式2:封装成实体类进行获取</h2>
<form action="${pageContext.request.contextPath}/dataSubmit/submit02.action" method="get">
    姓名:<input type="text" name="name"><br>
    年龄:<input type="text" name="age"><br>
    <input type="submit" value="提交">
</form>
    
<h2>方式3:动态占位符获取提交的数据(只可以用在超链接或地址栏)</h2>
<!-- 携带的数据放在.action之前,用斜杠分隔开-->
<a href="${pageContext.request.contextPath}/dataSubmit/submit03/xun/22.action">动态占位符获取提交数据</a>
    
<h2>方式4:参数名称不一致时接收数据</h2>
<form action="${pageContext.request.contextPath}/dataSubmit/submit04.action" method="get">
    姓名:<input type="text" name="name"><br>
    年龄:<input type="text" name="age"><br>
    <input type="submit" value="提交">
</form>
    
<h2>方式5:手工获取前端提交的数据</h2>
<form action="${pageContext.request.contextPath}/dataSubmit/submit05.action" method="get">
    姓名:<input type="text" name="name"><br>
    年龄:<input type="text" name="age"><br>
    <input type="submit" value="提交">
</form>
</body>
</html>
  • 新增SpringMVC控制器:DataSubmit,含有对前端5种请求方式的5种响应处理
package com.example.controller;

import com.example.pojo.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import javax.servlet.http.HttpServletRequest;

@Controller
@RequestMapping("/dataSubmit")
public class DataSubmit {

    //直接注入获取
    @RequestMapping("/submit01")
    public String dataSubmit01(String name, int age){//前端提交的数据,通过SpringMVC框架依次分别注入到目标方法的参数中,且自动完成了类型转换
        System.out.println("姓名: " + name + " 年龄: " + age);
        return "dataSubmit";
    }

    //封装成实体类来获取
    @RequestMapping("/submit02")
    public String dataSubmit02(User user){//SpringMVC自动创建实体类对象,并将前端提交的数据,注入到User实体类中的对应属性中
        System.out.println(user);
        return "dataSubmit";
    }

    //动态占位符获取数据
    @RequestMapping("/submit03/{name}/{age}")//目标路径后用大括号接住前端随着地址携带来的数据,括号用斜杠分割开,括号内名称和@PathVariable后面的注解名一致,将携带的数据注入给目标方法中的对应变量
    public String dataSubmit03(
            @PathVariable("name")
            String name,
            @PathVariable("age")
            int age){
        System.out.println("姓名: " + name + " 年龄: " + age);
        return "dataSubmit";
    }

    //参数名称不一致时获取数据
    @RequestMapping("/submit04")
    public String dataSubmit04(
            @RequestParam("name")//若前端数据名和后端变量名不一致,则可以将@RequestParam注解名和前端传来的数据名称保持一致,这样将前端数据传给注解标识的变量
            String uname,
            @RequestParam("age")
            int uage){
        System.out.println("姓名: " + uname + " 年龄: " + uage);
        return "dataSubmit";
    }

    //手工获取前端提交的数据
    @RequestMapping("/submit05")
    public String dataSubmit05(HttpServletRequest request){//就是传统servlet开发时获取前端数据的方式,只不过这里HttpServletRequest实例对象由SpringMVC框架自动创建
        String name = request.getParameter("name");
        int age = Integer.parseInt(request.getParameter("age"));
        System.out.println("姓名: " + name + " 年龄: " + age);
        return "dataSubmit";
    }
}
  • 部署tomcat,并启动测试
  • 前端页面,一次输入数据,提交测试即可

SpringMVC 02: SpringMVC响应get和post请求 + 5种获取前端数据的方式

  • 测试结果不再赘述

相关文章

暂无评论

暂无评论...