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


相关文章
|
5月前
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
|
5月前
|
前端开发 JavaScript API
Ajax技术的秘密揭秘:异步传输,高效交互
Ajax技术的秘密揭秘:异步传输,高效交互
|
5月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
120 0
|
1月前
|
JSON 前端开发 数据格式
layui 穿梭框transfer组件 数据data用ajax来获取
layui 穿梭框transfer组件 数据data用ajax来获取
44 2
|
5月前
|
XML 前端开发 JavaScript
使用 AJAX 提升网页数据的动态交互
使用 AJAX 提升网页数据的动态交互
|
5月前
|
XML 机器学习/深度学习 JSON
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
67 0
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
|
3月前
|
XML JSON 前端开发
ajax中各个参数的含义是什么?
实际上,jQuery的 `$.ajax()` 方法支持比这个列表更多的参数,但这些是最常用的。请根据您的特定需求灵活配置这些参数。了解每个参数的作用和可接受的值对于有效地使用AJAX非常关键,能够帮助您建立健壮的交互式网页应用。
30 0
|
4月前
|
前端开发 JavaScript Java
Spring创建Ajax和接受Ajax数据-spring20
Spring创建Ajax和接受Ajax数据-spring20
|
4月前
|
PHP
php+ajax传file文件数据
php+ajax传file文件数据
38 0
|
5月前
|
数据采集 前端开发 JavaScript
Python爬虫之Ajax数据爬取基本原理#6
Ajax数据爬取原理【2月更文挑战第19天】
77 1
Python爬虫之Ajax数据爬取基本原理#6