Springboot项目前后台数据交互

1.@RequestParam 接收

1.1 前台html
其实就是一个form表单:如图action的url是controller中的@requestmapping,效果图如下:

在这里插入图片描述

1.2 后台
controller通过@RequestParam接收前台参数,可以看到点击登录后,url后直接拼接了参数,如果传参比较少的话用这种方法还好,如果参数较多就不适合了,,我们填入数据点击登录如图:

在这里插入图片描述

1.3 总结
可以看到是可以接收到参数的,这是html  form表单提交的,前台参数传递,大家常用的还是ajax-json数据传递,下面来介绍:

2.@RequestBody 接收

2.1. Map接收

前台html:
只是将form表单去掉,登录按钮添加一个点击事件而已,如图:

在这里插入图片描述

后台接收参数(map接收的都是对象,需要转换):如图

在这里插入图片描述

2.2. 对象接收

前台html和map接收一样:
直接看后台接收参数:如图:

在这里插入图片描述

2.3 总结

//最好都用对象来接收,可以这样传递参数时,只需要在对象中添加一个get,set方法就可以了。提供一下ajax样板:
 var data={'username':username,'password':password};
       $.ajax({
           type: 'POST',
           url: "../user/login",
           dataType: "json",
           data: JSON.stringify(data),
           contentType : "application/json",
           success: function(data) {
               console.log(data)
           }
       })
本文链接:https://blog.csdn.net/y_yanghao/article/details/106663902
  • 3
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值