SSM框架下使用JSON进行前后端数据传输
来源:互联网 发布:南方s730网络设置 编辑:程序博客网 时间:2024/06/05 15:29
SSM框架下使用JSON进行前后端数据传输
SSM框架下使用JSON进行前后端数据传输
一个根据用户id查找用户信息的简单功能,使用JSON进行数据的传输
前端代码
这里用bootstrap做简单的样式美化,中间留了个div用来异步的显示查询结果,ajax进行前端的数据传输(class内容可以无视,只有美化效果):
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
后端代码
Controller
这里主要用@RequestBody转换接受的JSON为对象,用@ResponseBody转换返回的对象为JSON。
有两种接受前端数据的方式,一种使用Map接受,一种使用实体类进行接收,使用Map接受的方法为:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
使用实体类接受的话,要求实体类中有对应的属性,如People中有id,name,age属性,只能接受键名为id,name,age的JSON(可以不全有,但不能有People中没有的属性),方法为:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
最后说几个遇到的问题:
一.点击查找按钮后,页面会快速刷新,看不到返回结果
提交按钮的type一定要设置为button,不要使用submit,因为submit会默认点击提交,而ajax也会提交,这就产生了ajax的返回结果还没看清就因为submit的提交而刷新了页面。
二.后台查询结果没问题,却总是调用ajax的error回调函数
ajax对返回数据的要求很严格,一定要是严格的JSON数据返回才会进行success的回调,只要有一条数据不是严格的JSON格式就会调用error的回调函数,最好将查询结果封装为一个类,每次查询返回这个类,类中包含查询结果或者错误信息。
阅读全文
0 0
- SSM框架下使用JSON进行前后端数据传输
- SSM框架下使用JSON进行前后端数据传输
- SSM框架用JSON进行前后端数据传输
- ajax+json进行数据传输请求(ssm框架)
- java ajax json 前后端数据传输
- 使用 JSON 进行数据传输
- 使用 JSON 进行数据传输
- 使用 JSON 进行数据传输
- 使用 JSON 进行数据传输
- 使用 JSON 进行数据传输
- 使用 JSON 进行数据传输
- 使用 JSON 进行数据传输
- 使用 JSON 进行数据传输
- 使用JSON进行数据传输
- 使用JSON进行数据传输
- 使用JSON 进行数据传输
- 使用JSON进行数据传输
- 使用JSON进行数据传输
- 在Ubuntu 16.04上安装、使用、卸载MongoDB
- MAC泛洪攻击实现简略版
- 谷歌广告测试用横幅\插页单元,Android和iOS
- stderr和stdout详细解说
- ASIO协程彻底转变你的思维
- SSM框架下使用JSON进行前后端数据传输
- Facebook,LinkedIn,Google的盈利分析
- Java数据结构之数组
- 创建一个双向链表或双向循环链表
- null
- 如何提高笔记本电脑开机速度
- 为什么delphi编译生成的exe文件这么大?
- 平均值
- Android vr开发学习之路(一)