前后台数据交互——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
原创粉丝点击