SpringMVC的参数传递（Get）

已于 2024-06-08 09:19:12 修改
阅读量533 收藏 7
点赞数 24
分类专栏： 全栈篇 文章标签： 前端 java spring boot
于 2024-06-07 13:11:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_74217055/article/details/139519686
版权

最近自己在做项目的时候，前后端一起做，在发请求时，愣是搞不清楚该怎么传递参数，参数位置到底应该放在哪。所以我决定整理一下SpringMVC的参数传递，相信大家一定遇到过类似的问题。如果能够帮助到你，那是我的荣幸！这里前端使用axios（最常用的请求工具库）来发起请求，文章中还使用到了其他的第三方库，例如qs库，请注意！

 1.Get请求

（1）普通参数接收

1.请求url

http://localhost:8080/api/delete?name=aDong&age=20

2.前端请求代码

<script>
    const request = axios.create({
        baseURL: 'http://127.0.0.1:8080/api',
        timeout: 1000,
    });
    let params = {
        name: 'aDong',
        age: 20
    }
    const res = request.get('/delete', {
        params
    })
</script>

3.后端接收代码


@RestController
@RequestMapping("/api")
public class BasicController {

    @GetMapping("/delete")
    public String getUserName(@RequestParam( "name") String userName, String age) {
        System.out.println("Get 普通参数接收 =>" + userName + " - " + age);
        return "delete:ok";
    }
}

 （2）Pojo参数接收

1.请求url

http://localhost:8080/api/delete?name=aDong&age=20

2.前端请求代码

<script>
    const request = axios.create({
        baseURL: 'http://127.0.0.1:8080/api',
        timeout: 1000,
    });
    let params = {
        name: 'aDong',
        age: 20
    }
    const res = request.get('/get', {
        params
    })
</script>

 3.后端接收代码

@GetMapping("/get")
public String getUserName(User user) {
     System.out.println("Get 普通参数接收 =>" + user.getName() + " - " + user.getAge());
     return "ok";
}

//User类单独放在一个文件里
public class User {

    private String name;

    private Integer age;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Integer getAge() {
        return age;
    }

    public void setAge(Integer age) {
        this.age = age;
    }
}

（3）数组参数接收

1.请求url

http://127.0.0.1:8080/api/get?&likes=a&likes=b&likes=c

2.前端请求代码

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- 引入qs -->
    <script type="text/javascript" src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script>
</head>

<body>

</body>
<script>
    var qs = Qs
    const request = axios.create({
        baseURL: 'http://127.0.0.1:8080/api',
        timeout: 1000,
    });
    let likes = ['a', 'b', 'c']
    //----第一种方式借助qs库拼接
    //请求路径
    // request.get('/get' + '?' + qs.stringify({ likes }, { arrayFormat: 'repeat' }))//get?likes=a&likes=b&likes=c,正常接收
    // request.get('/get' + '?' + qs.stringify({ likes }, { arrayFormat: 'indicate' }))//get?likes%5B0%5D=a&likes%5B1%5D=b&likes%5B2%5D=c,这种方式后端接收不到参数
    // request.get('/get' + '?' + qs.stringify({ likes }, { arrayFormat: 'brackets' }))//get?likes%5B%5D=a&likes%5B%5D=b&likes%5B%5D=c，这种方式后端也接收不到参数
    // request.get('/get' + '?' + qs.stringify({ likes }, { arrayFormat: 'comma' }))//get?likes=a%2Cb%2Cc,正常接收

    //----第二种方式axios配置,
    request.get('/get', {
        params:{
            likes
        },
        paramsSerializer: function (params) {
            return qs.stringify(params, { arrayFormat: 'repeat' })
        },
    })
</script>

</html>

3.后端接收代码

 @GetMapping("/get")
    public String getUserName(String[] likes) {
        System.out.println("Get 数组参数接收 =>" + Arrays.toString(likes));
        return "ok";
    }

（4）集合参数接收

1.请求url

http://127.0.0.1:8080/api/get?&likes=a&likes=b&likes=c

 2.前端请求代码

<script>
    var qs = Qs
    const request = axios.create({
        baseURL: 'http://127.0.0.1:8080/api',
        timeout: 1000,
    });
    let likes = ['a', 'b', 'c']
    //----第一种方式借助qs库拼接
    //请求路径
    // request.get('/get' + '?' + qs.stringify({ likes }, { arrayFormat: 'repeat' }))//get?likes=a&likes=b&likes=c,正常接收
    // request.get('/get' + '?' + qs.stringify({ likes }, { arrayFormat: 'indicate' }))//get?likes%5B0%5D=a&likes%5B1%5D=b&likes%5B2%5D=c,这种方式后端接收不到参数
    // request.get('/get' + '?' + qs.stringify({ likes }, { arrayFormat: 'brackets' }))//get?likes%5B%5D=a&likes%5B%5D=b&likes%5B%5D=c，这种方式后端也接收不到参数
    // request.get('/get' + '?' + qs.stringify({ likes }, { arrayFormat: 'comma' }))//get?likes=a%2Cb%2Cc,正常接收

    //----第二种方式axios配置,
    request.get('/get', {
        params:{
            likes
        },
        paramsSerializer: function (params) {
            return qs.stringify(params, { arrayFormat: 'repeat' })
        },
    })
</script>

3.后端接收代码

@GetMapping("/get")
    public String getUserName(@RequestParam  List<String> likes) {
        System.out.println("Get 集合参数接收 =>" + likes);
        return "ok";
    }

 （5）JSON参数接收

1.请求url

http://localhost:8080/apihttp://localhost:8080

2.Postman

前端的get和head请求不能携带body参数

大致意思时如果请求方法是GET或HEAD ，那么body会被忽略的

但是postman工具是可以的，因为Postman工具没有遵循标准

3.后端接收代码

@GetMapping("/get")
    public String getUserName(@RequestBody  List<String> likes) {
        System.out.println("Get 集合参数接收 =>" + likes);
        return "ok";
    }

 （6）JSON格式POJO参数接收

1.请求url

http://localhost:8080/api/get

2. Postman

3. 后端接收代码

@GetMapping("/get")
    public String getUserName(@RequestBody  User user) {
        System.out.println("Get JsonPojo参数接收 =>" + user.toString());
        return "ok";
    }

（7）JSON格式集合Pojo参数

1.请求url

http://localhost:8080/api/get

2.Postman

 

 3.后端接收代码

@GetMapping("/get")
    public String getUserName(@RequestBody List<User> user) {
        System.out.println("Get JsonPojo参数接收 =>" + user.toString());
        return "ok";
    }

（8）日期类型参数接收（一）

1.请求url

http://127.0.0.1:8080/api/get?date=2024-06-07T04:57:30.596Z

2.前端请求代码

<script>
    const request = axios.create({
        baseURL: 'http://127.0.0.1:8080/api',
        timeout: 1000,
    });
    console.log(Date.now())
    request.get('/get',{
        params:{
            date:new Date()
        }
    } )
</script>

 3.后端接收代码

一定不要忘记加上@DateTimeFormat注解并且一旦使用yyyy-MM-dd 格式，如果传时分秒就会报错，或者是使用 yyyy-MM-dd HH:mm:ss，如果传yyyy-MM-dd 也会报错，有很多的注意点

@GetMapping("/get")
    public String getUserName(@DateTimeFormat(pattern = "yyyy-MM-dd") Date date) {
        System.out.println("Get 日期类型参数接收 => " + date);
        return "ok";
    }

（9）日期类型参数接收（二）

1.请求url

注意与第一个请求url的区别

http://127.0.0.1:8080/api/get?date=2022/12/17 12:00:00

2. Postman

3.后端接收代码

可以不使用注解

@GetMapping("/get")
    public String getUserName(Date date) {
        System.out.println("Get 日期类型参数接收 => " + date);
        return "ok";
    }

 （10）路径参数接收

1.请求url

http://localhost:8080/apihttp://localhost:8080

2.前端请求代码 

<script>
    const request = axios.create({
        baseURL: 'http://127.0.0.1:8080/api',
        timeout: 1000,
    });
    request.get('/get'+ '/aDong/20')
</script>

3.后端接收代码

@GetMapping("/get/{name}/{age}")
    public String getUserName(@PathVariable("name") String userName ,@PathVariable int age) {
        System.out.println("Get 路径参数接收 => " + userName + ":" + age);
        return "ok";
    }

叫我阿东就行
关注
  • 24
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringMVC接收Get请求参数
你随风飘扬的笑
04-01 2237
直接传参 http://localhost:8081/us/123 用@PathVariable 配合参数接收 @RequestMapping("/us/{id}") @ResponseBody public String submitForm(@PathVariable(value = "id") String id) { System.out.println("str=" + i...
Http请求传参SpringMVC接收参数详细解析
01-15
本文将深入解析SpringMVC如何处理GET和POST请求中的参数，以及如何使用@RequestParam和@RequestBody注解。 1. GET请求 GET请求通常用于获取资源，其参数直接附加在URL路径后面，以键值对的形式存在。例如，`/api/...
SpringMVC--获取请求参数
chenxingxingxing的博客
04-11 4142
我们在servlet里面学过，前端数据可以通过请求时的request域获取，获取request对象需要写先要继承HttpServlet，然后重写doGet 或者doPost方法，通过request调用getParameter获取请求参数。下面介绍一些springMVC里面的一些获取请求参数的方法。 文章目录获取请求参数1、通过request对象获取2、通过控制器方法的形参获取3、@RequestParam注释获取4、@RequestHeader和@CookieValue获取5、通过实体类获取请求参数6、修改
SpringMVC的请求与响应（GET、POST、RESTful）
s17856147699的博客
08-11 1741
SpringMVC的请求与响应（GET、POST、RESTful）
spring mvc 的传参方式by pangzi
diversity的专栏
10-30 848
/** * 跳转到编辑注销用户界面 * @param model * @param request * @param response * @param pageIndex * @return * @throws Exception */ //   GET  /test?aa=1&bb=2&bb=3 // GET  /test?condition1={aa:1,bb:2,cc:
SpringMVC 之POST 和GET 获取参数总结
zhouzhiwengang的专栏
07-18 1893
SpringMVC之GET 请求参数获取方式 方式一：直接在方法体中指定参数 eg: @GetMapping("/get") public User getUserById(Integer id) { if (id.intValue() == 0) { return null; } return list.get(id); } HTTP 请求路径=http://ip:port/xx/get?id=1 .
springmvc 传递和接收数组参数的实例
08-27
在 SpringMVC 中，可以使用 GET 或 POST 方法将数组参数传递到 Controller 中。下面是一个使用 GET 方法传递数组参数的示例： `dd.do?titles[]=col1&titles[]=col2&titles[]=col3` 在上面的示例中，我们使用 `...
Spring MVC参数传递中文乱码解决方法分享
08-28
Spring MVC参数传递中文乱码解决方法分享 在 Web 开发中，参数传递中文乱码问题是一个常见的问题，特别是在使用 Spring MVC 框架时。这篇文章将详细介绍 Spring MVC 参数传递中文乱码解决方法，并提供了多种解决...
SpringMVC 跨重定向请求传递数据的方法实现
08-19
总结一下，SpringMVC提供了解决跨重定向请求传递数据的两种主要策略：一是通过URL模板和查询参数传递简单的数据，二是通过Flash属性来传递更复杂的对象。在实际开发中，根据数据的类型和复杂性选择合适的方法，可以...
GET 方式提交的含有特殊字符的参数
10-30
有关GET方式提交的含有特殊字符的参数JS方面可以使用前面一文中的encode等方法。
SpringMVC后台接收请求参数的几种方式Demo
10-03
SpringMVC后台接收请求参数的几种方式源码。总结了常用的注解，介绍GET和POST请求方式下的参数传递方法。
SpringMVC获取请求参数
richest_qi的博客
11-17 750
本篇基于第一个SpringMVC程序，介绍获取请求参数的几种方式。 第一种：通过ServletAPI获取请求参数 package com.example.mvc.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.*; import javax.servlet.http.HttpServletRequest; @Controller pu
springmvc获取get参数，并端传值到前端html
leigh_的专栏
04-21 2482
@RequestMapping(value = "/", method = RequestMethod.GET) public String viewdata(HttpServletRequest request, HttpServletResponse response) throws UnsupportedEncodingException { //获取url参数
SpringMVC SpringBoot Get请求接收复杂参数
118路司机的博客
04-27 2524
前沿 对于复杂的接口请求，一般都用POST JSON数据的方式，后端用@RequestBody接收， 但是对于某些有洁癖的人或者想严格遵循类Restful风格的人来讲，查询数据就是想用GET，怎么实现呢？ Request @Data public class MyRequest{ private String key; private String[] keys; private Map<String, String[]> keyValues; } Cont
springmvc之url参数传递
习惯沉淀的专栏
04-04 3169
在学习 Spring Mvc 过程中，有必要来先了解几个关键参数：    @Controller：          在类上注解，则此类将编程一个控制器，在项目启动 Spring 将自动扫描此类，并进行对应URL路由映射。 1 2 3 4 5 @Controller public class UserAction {      }
springMVC - get请求接收对象和个别参数
qq_38946877的博客
03-08 4829
springMVC - get请求接收对象和个别参数 @ApiOperation("xxx") @ApiImplicitParams({ @ApiImplicitParam(paramType = "query", name = "pageNo", dataType = "Integer", required = true, value = "页数", defaultValue ...
【SpringMVC应用篇】SpringMVC请求参数接收处理
输入技术、输出想法
07-21 2296
2、Post方式的Body请求体传参。
SpringMVC的五种请求传参方式
qq_45740126的博客
09-03 508
SpringMVC的五种请求传参方式 1、传统传参方式 　　方法参数中使用request，通过request.getParameter(“参数名”)，再封装到bean中 复制代码 @RequestMapping("/test01") public ModelAndView test01(HttpServletRequest request){ String username = request.getParameter(“username”); String password = request.getPa
springmvc 获取请求参数的几种方式
hanqingsong412的专栏
11-12 841
获取请求参数的几种方式 @RequestBody 获取请求体里参数 可以直接用String参数来接受，在方法体内自己进行转换，也可以直接让spring进行转换参数直接设置为bean。但是如果参数直接是bean的话，得加入jackson的包 @PathVariable 获取请求地址里参数/user/{userId}@RequestParam 获取请求参数/user?userid=xxx 等
springmvc传递数组
最新发布
09-01
在Spring MVC中传递数组非常简单。以下是一些方法： 1. 在Controller方法参数中声明数组类型。 例如，如果你想传递一个整数数组，你可以在Controller方法中声明一个整数数组参数。 ``` @RequestMapping("/array") public String handleArray(int[] numbers) { // Do something with the array return "result"; } ``` 2. 在URL中传递数组。 如果使用GET请求，可以通过在URL中添加逗号分隔的值来传递数组。 ``` http://example.com/array?numbers=1,2,3,4,5 ``` 在Controller方法中，可以像以下方式接收数组： ``` @RequestMapping("/array") public String handleArray(@RequestParam("numbers") int[] numbers) { // Do something with the array return "result"; } ``` 3. 使用@RequestParam注解传递数组。 可以使用@RequestParam注解明确指定数组参数的名称。 ``` @RequestMapping("/array") public String handleArray(@RequestParam("numbers") int[] numbers) { // Do something with the array return "result"; } ``` 无论你采用的是哪种方法，Spring MVC都会将传递的数组转换成指定的数据类型，并传递给Controller方法。你可以在方法中使用数组进行任何操作，如遍历、计算等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值