SpringMvc接收前端发送的api请求参数问题笔记

最新推荐文章于 2023-08-01 07:03:44 发布
原创 最新推荐文章于 2023-08-01 07:03:44 发布 · 580 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#笔记 #springMvc #日期参数接收 #后端 #DateTimeFormat #JsonFormat

SpringMvc接收前端发送的api请求参数问题笔记

get请求参数字符串日期转date接收

需要使用@DateTimeFormat注解，来接收前端传的 http://xx.xx.xxx/xsdc?start=2023-07-01 15:12:13&end=2023-07-02 15:00:00
这种日期参数；
这样获取日期数据就能直接取到Date对象

在这里插入图片描述

post请求参数json转date接收

需要使用@JsonFormat注解，对json里的字符串形式的日期数据，转换为Date类型。

注意这个@JsonFormat需要指定时区timezone，一般国内配置为GMT+8
在这里插入图片描述

【SpringMVC笔记02】SpringMVC接收请求参数的几种方式
✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 优快云 记录学习心得和笔记内容。
06-15 1798
这篇文章主要介绍SpringMVC框架中接收请求参数的几种常见方式。
axios发送post请求，springMVC接收不到数据问题
m0_66789766的博客
04-27 641
username=admin&password=admin 到这里，由于是前端换了一个发送ajax请求的工具，导致以前的接口不能用了，后端朋友们首先想到的就是我们前端人员写错了，然后我们就要开始苦逼的研究了。 可以看出，两个请求唯一的不同就是**Content-Type**的问题，朋友们，是Request Headers中的Content-Type哈，不是Response中的哈，不要搞错了。 那不同点找到了，那我们就可以开始搞了，我们大胆的猜想，如果把axios的post请求的Content-Ty
前端传入String类型的日期，后端用Date接收报错
qq_37781796的博客
12-02 2894
【代码】前端传入String类型的日期，后端用Date接收报错。
前台传递一个时间字符传，后台怎么用Date类型接收？
一生很长 有的人生命走到尽头 才可以停下脚步
06-12 4511
入参格式化 1）若只是传一个字符传可以在Controller对应的方法参数前加上 @DateTimeFormat pattern:是你需要转换的时间日期的格式 2）若传递一个拥有Date属性的实体类时，需要在该实体类的对应属性上加上 出参格式化 1)若需要从后台取数据到前台显示,则需要在该实体类对应的属性加上 pattern:是你需要转换的时间日期...
HTTP通过GET提交时间数据后台Date接收
weixin_44639418的博客
06-21 2001
前台将时间数据拼接进URL路径中，GET提交到后台，后台直接接收到Date数据。 前台保证好时间数据格式： location.href = "127.0.0.1:8080/time?time=2019-6-21"; 后台在接收时设置好对应的格式即可： @RequestMapping("/time") @ResponseBody public time(@RequestParam("time") ...
Spring MVC GET请求接收Date类型参数
a987456321z的专栏
05-19 1809
Controller方法定义 @GetMapping('/list-by-date') ResponseBean listByUserIdAndDateRange(@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss") Date fromDate) System.out.println(fromDate) } 请求 curl -X GET http://localhost/list-by-date?fromDate=2019-02-27 00:01:00
get方式传递date日期格式参数
热门推荐
博客
05-05 2万+
http://***/list?startDate=2011%2F12%2F02%2010%3A50%3A25&page=1&rows=10 startDate=2011/12/02 10:50:25 使用yyyy/mm/dd HH:mm:ss格式传递 http协议是外国人定的，所以得用外国常用时间格式传递 资料：https://blog.youkuaiyun.com/zhuy...
springmvc学习笔记-前端控制器、上传、异常、开发心得小结等.zip
05-10
前端控制器是SpringMVC的核心组件，负责接收所有HTTP请求，然后根据请求的类型和映射规则分发到相应的处理器。DispatcherServlet通过配置的HandlerMapping和HandlerAdapter进行请求到处理器的映射和调用。此外，它...
SpringMVC笔记
04-23
- **工作流程**：用户通过视图层发送请求到服务器，请求被控制器（Controller）接收。控制器调用模型（Model）处理请求，处理完毕后返回结果给控制器，控制器再根据处理结果选择合适的视图（View）进行数据渲染，并...
spring mvc使用GET请求获取Date类型的方法
努力的菜鸟
12-17 9683
最近在项目是使用GET进行请求，且后台接收参数的类型为Date出现为null的情况，经过在网上查找了下可以在接收参数的字段使用@DateTimeFormat这一注解来解决问题。 例如：@RequestMapping(value="/fetch" , method=RequestMethod.GET) public @ResponseBody String fetchResult(@Request
Spring boot中Get请求中Date参数的传递
weixin_34268610的博客
05-16 6969
为什么80%的码农都做不了架构师？>>> ...
JSP连接SQLserver数据库
ThinkPet
03-23 1万+
1.引入外部jar包2.编写jsp页面<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ page import="java.sql.*" %> <!DOCTYPE html PUBLIC "-//W3C//DTD
jspSmartUpload.jar包
ThinkPet
05-19 1万+
分享一个文件上传常使用的jspSmartUpload.jar包   下载地址链接: https://pan.baidu.com/s/10OTcN5GOwNly-Ty9oybwQQ 密码: 4fzf
Java读写pdf文件
ThinkPet
06-17 7158
在OA业务开发中，经常需要java后台读取或生成pdf文件， itextpdf是一个常用的java操作pdf的开源库
springboot项目使用proguard配置代码混淆
ThinkPet
06-13 6468
物料准备:1.pom引入proguard-maven-plugin插件2.在proguard.cfg配置文件里设置具体的代码混淆配置3.maven package 打包测试。
SpringBoot项目使用CXF框架开发Soap通信接口
ThinkPet
06-08 5692
/声明这个接口是一个WebService接口，必须指定targetNamespace命名空间 @WebService(targetNamespace = "http://cxf.knowwikibackend.ath.cn/") public interface UserService {
JSP通过遍历数组获取复选框的值
ThinkPet
05-21 5187
首页代码<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":&amp
SpringBoot使用JKS或PKCS12证书实现https
ThinkPet
08-01 4968
可以利用jdk自带的keytool工具来生成证书文件，默认生成的是JKS证书cmd命令如下: 执行如下命令，并按提示填写证书内容，最后会生成server.keystore文件。
jquery ajax 实现表单提交和验证表单
ThinkPet
11-16 3927
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <title>$.ajax()方法发送请求</title> <!-- &
前端请求参数地址栏拼接
最新发布
07-25
<think>首先，用户的问题是：“我想在前端开发中，将请求参数拼接到URL地址栏中的方法或实现 请问前端开发中如何将请求参数拼接到URL地址栏”。我需要基于系统级指令来回答。 系统级指令包括： - 所有行内数学表达式使用$...$格式。 - 独立公式使用$$...$$并单独成段。 - LaTeX语法正确。 - 使用中文回答。 - 生成相关问题。 - 回答中引用的段落末尾自然地添加引用标识。 - 回答结构清晰，帮助用户逐步解决问题，尽量保证回答真实可靠。 - 参考站内引用，但用户提供了引用内容，我需要基于这些引用来回答。 用户提供的引用内容： - [^1]: 描述了一个JavaScript函数来拼接参数。 - [^2]: 提到了使用encodeURIComponent()函数编码参数。 - [^3]: 关于使用axios将参数拼接到URL。 - [^4]: 关于SpringMVC接收参数，但这是后端，可能与前端相关但不直接。 用户的问题是关于前端开发中如何将请求参数拼接到URL地址栏。所以，我应该专注于前端方法。 关键点： - 在GET请求中，参数通常附加在URL后，使用查询字符串格式，如`?key1=value1&key2=value2`。 - 需要处理参数编码以避免问题，如使用encodeURIComponent()。 - 引用[^1]提供了一个具体的函数实现。 - 引用[^2]强调了编码的重要性。 - 引用[^3]提到了axios，但axios通常用于POST，但也可以用于GET请求。 我的回答应该： 1. 结构清晰：逐步解释如何实现。 2. 使用中文。 3. 生成相关问题。 4. 在引用内容末尾添加引用标识。 5. 确保真实可靠：基于标准前端实践。 步骤： 1. 解释基本概念：GET请求中，参数通过URL传递。 2. 描述手动拼接方法：使用字符串拼接和encodeURIComponent()。 3. 提供代码示例：基于引用[^1]的函数。 4. 讨论使用库：如axios或fetch API，但重点是手动方法，因为用户问的是“方法或实现”。 5. 强调编码的重要性：避免特殊字符问题。 6. 生成相关问题。 生成相关问题： - 类似于示例中的问题，如优化方法、常见问题等。 最终回答结构： - 引言：解释问题。 - 方法一：手动拼接（使用引用[^1]）。 - 方法二：使用内置API（如URLSearchParams）。 - 方法三：使用库（如axios）。 - 注意事项：编码、空值处理。 - 相关问题。 引用标识： - 在提到引用内容时，在末尾添加[^1], [^2], 等。 现在，草拟回答： # 前端开发中如何将请求参数拼接到URL地址栏 在Web开发中，GET请求常用于从服务器获取数据，参数通过URL传递。拼接参数时，需确保格式正确和安全性，避免特殊字符引起问题。以下是几种实现方法： ## 方法一：手动拼接参数（推荐简单场景） 引用[^1]提供了一个JavaScript函数来拼接参数。该函数处理对象参数，过滤空值，并生成查询字符串。 ```javascript /** * @function 参数拼接 * @param {object} obj 只支持非嵌套的对象 * @returns {string} * @author 码云笔记 2020-4-24 */ function params(obj) { let result = ''; for (let item in obj) { if (obj[item] != null && obj[item] !== '') { result += `&${item}=${encodeURIComponent(obj[item])}`; } } if (result) { result = '?' + result.slice(1); // 替换第一个&为? } return result; } // 使用示例 const obj = { name: '码云笔记', value: 'mybj123', msg: '' }; const baseUrl = 'https://example.com/get/info'; const url = baseUrl + params(obj); // 输出: https://example.com/get/info?name=码云笔记&value=mybj123 ``` 此函数过滤空值，并使用`encodeURIComponent`确保参数安全[^1][^2]。 ## 方法二：使用URLSearchParams API（现代浏览器支持） 现代浏览器提供`URLSearchParams`对象，简化参数处理。 ```javascript const params = new URLSearchParams(); params.append('name', '码云笔记'); params.append('value', 'mybj123'); params.append('msg', ''); // 空值会被包括，可能需要过滤 const queryString = params.toString(); // 输出: name=码云笔记&value=mybj123&msg= const url = `https://example.com/get/info?${queryString}`; ``` 注意：`URLSearchParams`会自动编码参数值。 ## 方法三：使用库如axios 对于复杂应用，可以使用axios等库发送GET请求，参数会自动拼接到URL。 ```javascript import axios from 'axios'; axios.get('https://example.com/get/info', { params: { name: '码云笔记', value: 'mybj123' } }) .then(response => { console.log(response.data); }); ``` axios会处理参数编码和拼接[^3]。 ## 注意事项 - **参数编码**：始终使用`encodeURIComponent`编码参数值，防止URL注入或解析错误[^2]。 - **空值处理**：如引用[^1]所示，过滤空值可避免不必要的参数。 - **嵌套对象**：上述方法不支持嵌套对象；需使用库或自定义逻辑处理。 通过以上方法，前端可以有效地将参数拼接到URL地址栏。 §§相关问题§§ 1. 如何处理URL参数中的特殊字符？ 2. 前端如何解析URL中的参数？ 3. 使用axios发送GET请求时，如何避免参数重复？ 4. 如何在前端处理嵌套对象作为URL参数？</think>### 前端开发中将请求参数拼接到URL地址栏的方法 在前端开发中，将请求参数拼接到URL地址栏是GET请求的常见需求，用于向服务器传递数据。以下是逐步实现的清晰方法，基于标准前端实践和引用内容。关键点是**参数编码**和**空值处理**，以避免URL解析错误或后端干扰。 --- #### 方法一：手动拼接字符串（原生JavaScript） 这是最基础的方法，适合简单场景： 1. **定义参数对象**：例如 `{ name: '测试', id: 123, msg: '' }`。 2. **封装拼接函数**：过滤空值并编码参数（使用 `encodeURIComponent` 防止特殊字符问题）[^1][^2]。 3. **生成完整URL**：将拼接结果附加到基础URL后。 ```javascript /** * @function 参数拼接 * @param {object} obj 参数对象（仅支持非嵌套） * @returns {string} 查询字符串 * @author 码云笔记 2020-4-24 */ function params(obj) { let result = ''; for (let key in obj) { if (obj[key] != null && obj[key] !== '') { // 过滤空值 result += `&${key}=${encodeURIComponent(obj[key])}`; // 编码特殊字符 } } return result ? '?' + result.slice(1) : ''; // 替换首个&为? } // 使用示例 const obj = { name: '码云笔记', id: 123, msg: '' }; const baseUrl = 'https://api.example.com/data'; const fullUrl = baseUrl + params(obj); // 输出: https://api.example.com/data?name=码云笔记&id=123 ``` **优点**：轻量级，无依赖。 **缺点**：需手动处理编码和空值[^1]。 --- #### 方法二：使用URLSearchParams API（现代浏览器支持） 浏览器原生API简化了操作： ```javascript const params = new URLSearchParams(); params.append('name', '测试'); params.append('id', 123); params.append('msg', ''); // 空值会被保留，需额外过滤 // 生成URL const baseUrl = 'https://api.example.com/data'; const fullUrl = `${baseUrl}?${params.toString()}`; // 自动编码参数 // 输出: https://api.example.com/data?name=测试&id=123&msg= ``` **优点**：自动编码，语法简洁。 **注意**：空值需在添加前过滤（如 `if (value) params.append(key, value)`）[^2]。 --- #### 方法三：使用第三方库（如axios） 在框架（如Vue/React）中，axios等库可自动拼接： ```javascript import axios from 'axios'; axios.get('https://api.example.com/data', { params: { // 专有params选项 name: '测试', id: 123, msg: '' // 空值通常被忽略 } }).then(response => { console.log(response.data); }); // 实际URL: https://api.example.com/data?name=测试&id=123 ``` **优点**：自动处理编码和空值，适合复杂项目[^3]。 --- #### 关键注意事项 1. **参数编码**：必须用 `encodeURIComponent` 处理特殊字符（如空格、&），否则URL可能解析失败[^2]。 2. **空值处理**：未定义的参数应省略（如 `msg: ''`），避免干扰后端逻辑[^1]。 3. **安全性**：避免拼接敏感数据（如密码），GET请求参数在地址栏可见。 4. **嵌套对象**：上述方法不支持嵌套参数（如 `{ user: { name: 'test' } }`），需序列化为JSON字符串或使用库（如qs）。 通过以上方法，前端可高效安全地拼接URL参数。后端框架（如SpringMVC）能直接解析这些参数[^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ThinkPet

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值