SpringMVC学习笔记(获取参数,传递参数——关于前后端传参交互的总结、from表单、Ajax数据提交))(下)

简介: SpringMVC学习笔记(获取参数,传递参数——关于前后端传参交互的总结、from表单、Ajax数据提交))(下)

通过对象传递大量参数:

既然要传递对象,就要用对应的实例对象取接收这些参数。

53ab0463fef440f885d5318a28a9cdca.png

我们通过postman传参如下:

072654391d3e4bb1af08baf752c4a812.png

获取表单参数:

3b1723f15ef044b8834e874c7305060b.png


d8b5a2c35e7c4d3dabab0cd046e921aa.png

用Fiddler抓包结果如下:


dc7e879890a14e779243cfad06604dae.png

获取Json对象

fe3edee32ab14ac8967b707f88c31cbd.png

  用Fiddler抓包结果如下:

1cd8a1dd1f444ea18c42fb6dc6e9dfdc.png

上传文件:

在网站中,我们不可避免要上传一些东西——比如用户头像的上传

那么一起看看,SpringMVC怎么实现上传文件吧!

7dc201f56e3b402fa3dff21293be9f72.png

用Fiddler抓包结果如下:

20b168fdcff4458783b9b28c9f449e67.png

🔔一点补充

http的请求体body的几种数据格式

表单提交只是POST请求的一种方式,表单提交有好几种提交的数据格式:

Form表单提交的四种数据格式

🌰栗子一:multipart/form-data

773952d3c2d34017b9b8597aaad94a95.png

🌰 栗子二:application/x-www-form-urlencoded

6801ad95ffa04f1abff9d23bfd8f0bba.png🌰栗子三 注意接收Json对象和用对象接收from表单提交的键值对数据的不同


a9703f2c322c47ddad560195ffe04c17.png

四、传参总结

总结:一般来说,我们在项目中用到的from表单提交、ajax提交,默认的数据格式都是application/x-www-form-urlencoded


623dfeed6a5d41f2bf60d76a69268df8.png


相关文章
SpringMVC入门到实战------5、域对象共享数据 Request、Session、Application、Model、ModelAndView、Map、ModelMap的详细使用及代码实例
这篇文章详细解释了在IntelliJ IDEA中如何使用Mute Breakpoints功能来快速跳过程序中的后续断点,并展示了如何一键清空所有设置的断点。
SpringMVC入门到实战------5、域对象共享数据 Request、Session、Application、Model、ModelAndView、Map、ModelMap的详细使用及代码实例
|
1月前
|
XML 存储 前端开发
后端程序员的前后端交互核心-Ajax
后端程序员的前后端交互核心-Ajax
45 6
后端程序员的前后端交互核心-Ajax
|
18天前
|
JSON 前端开发 数据格式
layui 穿梭框transfer组件 数据data用ajax来获取
layui 穿梭框transfer组件 数据data用ajax来获取
29 2
|
1月前
|
前端开发 JavaScript Java
Ajax进行异步交互:提升Java Web应用的用户体验
Ajax 技术允许在不重载整个页面的情况下与服务器异步交换数据,通过局部更新页面内容,极大提升了 Java Web 应用的响应速度和用户体验。本文介绍 Ajax 的基本原理及其实现方式,包括使用 XMLHttpRequest 对象发送请求、处理响应数据,并在 Java Web 应用中集成 Ajax。此外,还探讨了 Ajax 如何通过减少页面刷新、实时数据更新等功能改善用户体验。
43 3
|
28天前
|
XML JSON 前端开发
JSON与AJAX:网页交互的利器
JSON与AJAX:网页交互的利器
24 0
|
2月前
|
前端开发 API UED
Python后端与前端交互新纪元:AJAX、Fetch API联手,打造极致用户体验!
【7月更文挑战第15天】Python后端(Django/Flask)与前端通过AJAX或Fetch API实现异步交互,提升Web应用体验。Python提供强大的后端支持,AJAX用于不刷新页面的数据交换,Fetch API作为现代标准,基于Promise简化HTTP请求。结合两者,构建高效、流畅的交互系统,优化响应速度和用户体验,开启Web开发新篇章。
53 5
|
2月前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
【7月更文挑战第13天】在Web开发中,AJAX和Fetch API是实现页面无刷新数据交换的关键。在Flask博客系统中,通过创建获取评论的GET路由,我们可以展示使用AJAX和Fetch API的前端实现。AJAX通过XMLHttpRequest发送请求,处理响应并在成功时更新DOM。Fetch API则使用Promise简化异步操作,代码更现代。这两个工具都能实现不刷新页面查看评论,Fetch API的语法更简洁,错误处理更直观。掌握这些技巧能提升Python Web项目的用户体验和开发效率。
50 7
|
2月前
|
前端开发 JavaScript API
惊天揭秘!AJAX与Fetch API如何让你的前后端交互秒变‘神级操作’!
【7月更文挑战第15天】在Web开发中,AJAX和Fetch API革新了前后端交互,告别了表单提交带来的页面刷新。AJAX利用XMLHttpRequest实现部分页面更新,开启无刷新时代;Fetch API作为现代替代,以其简洁和Promise支持简化异步操作。从AJAX的先驱地位到Fetch API的进化,两者提升了Web应用的性能和用户体验,成为现代开发的必备技能。
39 2
|
2月前
|
前端开发 API 开发者
从零到精通,AJAX与Fetch API让你的Python Web前后端交互无所不能!
【7月更文挑战第14天】在Web开发中,AJAX和Fetch API扮演着关键角色,用于前后端异步通信。AJAX通过XMLHttpRequest实现页面局部更新,但回调模式和复杂API有一定局限。Fetch API作为现代替代,利用Promise简化异步处理,提供更丰富功能和错误处理。Python后端如Flask、Django支持这些交互,助力构建高性能应用。从AJAX到Fetch API的进步,结合Python,提升了开发效率和用户体验。
25 0
|
3月前
|
前端开发 JavaScript Java
Spring创建Ajax和接受Ajax数据-spring20
Spring创建Ajax和接受Ajax数据-spring20