前后台数据交互——ajax()方法 后台返回一个实体类的list
来源:互联网 发布:最安全的国家知乎 编辑:程序博客网 时间:2024/06/05 11:18
java代码
自定义实体类ChartSeries
public class ChartSeries { private String name; //曲线名称 private List<Float> data; //曲线的纵坐标 private List<Date> occurTime; //曲线的横坐标 //添加get set方法 }
控制器方法,返回ChartSeries类的集合
@RequiresPermissions("dataRecord:view") @ResponseBody @RequestMapping(value = "/dataRecord/chart}", method = RequestMethod.GET) public List<ChartSeries> getChart(){ List<ChartSeries> list = new List<ChartSeries>(); //给list赋值 return list; // list }
前台对list的处理
$.ajax({ url : "/dataRecord/chart" , //获取数据列 type : 'GET', data : { }, success : function(data) { formatJsonToSeries(data);//对数据进行处理 } }); function formatJsonToSeries(data) { jsonData = JSON.parse(data); //把后台传来的数据转来JSON格式 //jsonData是二维数组,因为实体类ChartSeries的字段data也是个list for (x in jsonData) { //遍历JSON格式的数组取元素, x代表下标 for (y in jsonData[x].data) { alert(jsonData[x].occurTime[y]) ;//依次获取 alert(jsonData[x].data[y]); } } }
后台传来的数据格式如下
0 0
- 前后台数据交互——ajax()方法 后台返回一个实体类的list
- jQuery的ajax前后台数据交互
- AJAX 前后台数据交互
- ASP.NET—007:GridView数据的保存($.ajax实现前后台交互)
- struts1 ajax前后台数据交互
- Ajax、jquery实现前后台数据交互
- AJAX--前后台交互
- ajax前后台交互
- 前后台交互—Model后台传到前台
- 带复杂类的list,前后台交互
- Ajax+jquery 的前后台交互学习
- Ajax前后台交互的失败总结
- Ajax+jquery 的前后台交互学习
- 前后台数据交互
- 前后台数据交互
- Ajax前后台交互 返回普通格式和JSON格式
- 前后台交互方法
- web 前后台数据交互的方式
- 搭建开发框架Express,实现Web网站登录验证
- Java对象的生命周期
- hadoop集群环境部署
- 【JS】事件冒泡&事件捕获
- PHP安装扩展
- 前后台数据交互——ajax()方法 后台返回一个实体类的list
- iOS 工作之余小总结之(六)(3) --四种界面反向传值的方式:委托代理传值
- Docker学习+基于Docker MySQL的主从复制
- libjpeg移植到dm368平台
- TortoiseGit 记住用户名和密码的方法
- tomact配置域名和端口直接访问网站
- Aerospike数据库实战(一) -- Aerospike是大数据时代互联网广告专用数据库,为RTB而生
- Android圆形图片控件CircleImageView的使用
- Java基础——Comparable和Comparator的区别