java前后台交互实例_springboot前后台数据交互的示例代码

骑猪看日落 2022-11-04 00:54 322阅读 0赞

本文介绍了springboot前后台数据交互的示例代码，分享给大家，具体如下：

1.在路径中传递数据，比如对某个数据的id：123

前台发送：格式大致如下

1a92a87869b18f37c536f588f10aa9d8.png

在路径中传数据

后台接收：

7d175dd852f5813ebfe53af42c488974.png

后台接收数据

e29fc1368fbbe1b12cbde54d49a21984.png

后台接收结果

2.查询字符串传递数据前台发送：

febc87223440681d6719f37b42cb441a.png

前台使用Querystring发送数据

后台接收：

这里@RequestParm可以不写，在后台找不到前台对应的字段时，输出null，在@RequestParam中指定的话输出指定的值(前台没给出字段时)；

969c3855d5eb46e7f88ff7f755705d29.png

后台接收queryString方式传递的数据

e9291db5b906642f7b6b63859567ebf8.png

打印结果

3.发送json数据

前台发送：

与后台实体类字段要对应，

8a349c0ac906c9f22ecad4a02c039b4f.png

发送json数据

后台接收：

021d00dcfaf4421b4bb55c77afda222c.png

接收

f54983f9ec58a9c508605888b3366647.png

结果

4.发送FormData数据

前台发送：这里注意，append中第一个参数和后台字段对应，第二个为传递的值

0995ae4b662a368c534c5b13f69b86c5.png

发送

后台接收：

这里@RequestParam可以省略，和query String一样，实际上FormData最后也是转换成query string发送数据的

134c87904a2deae70ea6abcc4300e24b.png

接收

2b73a6b510ff91b1d4fcde2dc07f9d90.png

结果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

发表评论

表情：
评论列表 （有 0 条评论，322人围观）

还没有评论，来说两句吧...

相关阅读

    相关 前后台交互

    [通过AngularJS实现前端与后台的数据对接（一）——预备工作篇][AngularJS]       最近，笔者在做一个项目：使用AngularJS，从而实现前端与后

    小咪咪小咪咪/ 0 赞/ 435 阅读