后台MVC无法接收到VUE前端传的值

最新推荐文章于 2023-07-08 20:56:11 发布

MrYang_Wei

最新推荐文章于 2023-07-08 20:56:11 发布

阅读量1.3k

点赞数 1

分类专栏：点滴汇聚文章标签：前端 mvc vue.js

本文链接：https://blog.csdn.net/MrYang_Wei/article/details/121922454

版权

点滴汇聚专栏收录该内容

23 篇文章 0 订阅

订阅专栏

三种使用场景

首先，我目前所接触的前后端交互传值方式大体分为三种：

参数直接在URL中，如：http//ip:prot/项目名/接口?param1=**,param2=**
restApi格式（url地址中只包含名词表示资源，使用http动词表示动作进行操作资源）如：
GET /blog/getArticles --> GET /blog/Articles 获取所有文章
GET /blog/addArticles --> POST /blog/Articles 添加一篇文章
GET /blog/editArticles --> PUT /blog/Articles 修改一篇文章
GET /rest/api/deleteArticles?id=1 --> DELETE /blog/Articles/1 删除一篇文章
放在body中，如下图

这三种情况下后台接值的方式不太一样，一般我们分别通过如下方式（与上面一一对应）：

这种方式最简单，只要保证前后端参数名字一致，Spring-MVC就会自动将前端的参数封装，当前后台名称不一致时也可使用@RequestParam注解
这种我们需要从URL中取值，使用@PathVariable注解，注意保持名字一致，如下图
当前端把参数放在body中以json形式传递时，我们就需要用到@RequestBody，一般都是在后台以对象去接这个json，只要json中的KEY字段与对象的属性字段保持一致时也会自动封装到该对象中。如下图

注：

一个请求，只有一个RequestBody；一个请求，可以有多个RequestParam。
当同时使用@RequestParam（）和@RequestBody时，@RequestParam（）指定的参数可以是普通元素、数组、集合、对象等等(即:当，@RequestBody 与@RequestParam()可以同时使用时，原SpringMVC接收参数的机制不变，只不过RequestBody 接收的是请求体里面的数据；而RequestParam接收的是key-value里面的参数，所以它会被切面进行处理从而可以用普通元素、数组、集合、对象等接收)。
即：如果参数时放在请求体中，application/json传入后台的话，那么后台要用@RequestBody才能接收到；
如果不是放在请求体中的话，那么后台接收前台传过来的参数时，要用@RequestParam来接收，或形参前什么也不写也能接收。
如果参数前写了@RequestParam(xxx)，那么前端必须有对应的xxx名字才行(不管其是否有值，当然可以通过设置该注解的required属性来调节是否必须传)，如果没有xxx名的话，那么请求会出错，报400。
果参数前不写@RequestParam(xxx)的话，那么就前端可以有可以没有对应的xxx名字才行，如果有xxx名的话，那么就会自动匹配；没有的话，请求也能正确发送。
追注：这里与feign消费服务时不同；feign消费服务时，如果参数前什么也不写，那么会被默认是@RequestBody的，如果后端参数是一个对象，且该参数前是以@RequestBody修饰的，那么前端传递json参数时，必须满足以下要求：
1. 后端@RequestBody注解对应的类在将HTTP的输入流(含请求体)装配到目标类(即：@RequestBody后面的类)时，会根据json字符串中的key来匹配对应实体类的属性，如果匹配一致且json中的该key对应的值符合(或可转换为)，这一条我会在下面详细分析，其他的都可简单略过，但是本文末的核心逻辑代码以及几个结论一定要看！实体类的对应属性的类型要求时,会调用实体类的setter方法将值赋给该属性。
  
  2.json字符串中，如果value为""的话，后端对应属性如果是String类型的，那么接受到的就是""，如果是后端属性的类型是Integer、Double等类型，那么接收到的就是null。
2. .json字符串中，如果value为""的话，后端对应属性如果是String类型的，那么接受到的就是""，如果是后端属性的类型是Integer、Double等类型，那么接收到的就是null。
3. json字符串中，如果value为null的话，后端对应收到的就是null。
4. 如果某个参数没有value的话，在传json字符串给后端时，要么干脆就不把该字段写到json字符串中；要么写value时，必须有值，null 或""都行。