Springboot项目前后台数据交互_springboot和html数据交互-程序员宅基地

技术标签： java  sping boot  ajax  

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
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y_yanghao/article/details/106663902

智能推荐

MyEclipse中Maven设置jdk版本1.8_解决报错问题-程序员宅基地

文章浏览阅读3k次。今天安装了jdk1.8、tomcat8、和maven3.5.2，弄好后在myeclipse新建了一个maven项目，项目默认是jdk1.5，如图一，我把它改成jdk1.8，项目就报错了，如图二，然后update project后又变成jdk1.5了。图一：图二：解决方法：打开maven项目的pom.xml文件， 在build节点下加入下面这段代码 ，然后在选中项目右键--》maven4myecli..._myeclipse jdk没有1.8

html怎样让文字自动换行,CSS怎么设置文字自动换行？-程序员宅基地

文章浏览阅读3k次。CSS怎么设置文字自动换行？下面本篇文章就给大家介绍css设置文字(特别是连续的数字和英文)自动换行的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。关于换行问题，正常字符的换行是比较合理的，但连续的数字和英文字符常常将容器撑大，而不换行，就挺让人头疼了，这就需要进行强制自动换行了。示例：html代码：正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space..._css 让文字根据html源码一样换行

个人联想Thinkpad X1 carbon 笔记本遇到的问题及解决办法_thinkpad x1carbon开机黑屏-程序员宅基地

文章浏览阅读214次。新买的一台联想Thinkpad X1 carbon 12代笔记本，不知道怎么搞的，突然有一天启动后会出现一段黑屏时间，然后等一段时间才会正常，非常地烦人。打电话给联想客服只提供了附近的维修地点，但那得花时间跑去啊。今天下午自己摸索终于解决问题了。没什么好办法，我开始卸载电脑上很多的软件，一是不想用了，二是想卸载的这些软件可能就是导致这个问题出现的原因，在卸载的时候看到电脑上的相关应用，但是在点开相机应用的时候竞然发现相机不能用了。怎么这么奇怪，我想到我以前确实是设置了一下相机的权限，难道是这个问题引起的。_thinkpad x1carbon开机黑屏

Krpano：打造全景漫游体验—基础(一)-程序员宅基地

文章浏览阅读577次，点赞29次，收藏8次。由于基础知识太多，篇幅太长，本文只讲解了krpano的运作机制、tour.js的讲解以及krpano各个元素的简单介绍，下一篇文章将详细讲解krpano中的动作也就是< action >元素的使用和用法。

vue 前端表格导入与导出_vue fixdata-程序员宅基地

文章浏览阅读557次。excel导入到表格表格导入与导出，文末带Blob.js和Export2Excel.js导入按钮<input type="file" @change="import(this)" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"/>导入方法import(obj) { _vue fixdata

Error: protect(): protection stack overflow [防护堆叠上溢] 解决方案①_r studio中保护堆栈溢出-程序员宅基地

文章浏览阅读6.4k次。在执行R代码是遇到防护堆叠上溢的error，有效方案①1、命令行到Rgui.exe的地址(cmd)2、输入Rgui.exe --max-ppsize=5000003、在打开的R中输入options("expressions"=20000)memory.limit(size=8000000)https://www.researchgate.net/post/error_protect_protection_stack_overflow_in_R..._r studio中保护堆栈溢出

随便推点

高通平台8953 Linux DTS(Device Tree Source)设备树详解之一(背景基础知识篇)_高通提取dtb-程序员宅基地

文章浏览阅读5.8k次，点赞3次，收藏61次。本系列导航：高通平台8953 Linux DTS(Device Tree Source)设备树详解之一(背景基础知识篇)高通平台8953 Linux DTS(Device Tree Source)设备树详解之二（DTS设备树匹配过程）高通平台8953 Linux DTS(Device Tree Source)设备树详解之三(高通MSM8953 android7.1实例分析篇)一.什么是DTS？为..._高通提取dtb

ubuntu上opencv源码编译_libjasper-dev源码-程序员宅基地

文章浏览阅读301次。安装必备包sudo apt-get install build-essential cmake libjpeg-dev libtiff5-dev libjasper-dev安装gtkfor opencv3.2 and above:sudo apt-get install libgtk-3-devfor opencv2.4.x:sudo apt-get install libgtk2.0-dev安装v4l2sudo apt-get install v4l2ucp v4l-ut._libjasper-dev源码

安卓设备连接Unity Profiler进行性能分析_unity profile 手机-程序员宅基地

文章浏览阅读4.6k次，点赞2次，收藏7次。内容会持续更新，有错误的地方欢迎指正，谢谢!方式一：手机上运行游戏，以ADB方式连UnityProfiler分析游戏性能1.安卓环境：jdk、sdk：cmd（Win+R打开界面并输入cmd） 里直接输入 java 能正常输出即可 https://www.jianshu.com/p/21babde25dd5 adb：cmd 里直接输入 adb 能正常输出即可 https://www..._unity profile 手机

学习一下windows系统的的目录结构，对比一下Linux系统的目录结构_windows内置linux目录结构-程序员宅基地

文章浏览阅读3.6k次，点赞6次，收藏30次。_windows内置linux目录结构

海思3559AV100实现8k文件编码_rk_mpi_cal_comm_getpicbuffersize-程序员宅基地

文章浏览阅读913次，点赞13次，收藏27次。有些小改动需要在common中改，都很简单就不写了，看一下就知道，另外我这边只测试了8k的一帧编码，如需连续编码视频需要再扩展一下，我这边由于公司项目安排就没再继续做了，测试出来8k文件编码的结果如下，颜色偏差是因为我的YUV和板子支持的YUV的存储顺序不一致，这里时间关系也就不调了，也算是顺利实现了芯片的8k文件编码。第二个函数是SAMPLE_VENC_CheckSensor，应该是检查镜头的分辨率支不支持要编的尺寸，这里我们先试的4k，所以也可以不管这个。_rk_mpi_cal_comm_getpicbuffersize

Android BLE 蓝牙通信库，2024年最新应届生面试销售岗位的面试问题技巧_android蓝牙通信-程序员宅基地

文章浏览阅读919次，点赞12次，收藏10次。然后根据自定义的协议，解析对应的 BeaconItem 中的 bytes，首先创建一个 BeaconParser，传入对应的 BeaconItem，然后根据协议不断读取数据， 如果协议中某个字段占 1 个字节，则调用 readByte，若占用两个字节则调用 readShort，如果要取某个字节的某个 bit 则调用 getBit。// 获取第 1 字节的第 1bit。可以在广播中携带设备的自定义数据，用于设备识别，数据广播，事件通知等，这样手机端无需连接设备就可以获取设备推送的数据。_android蓝牙通信

推荐文章

热门文章

相关标签