您的位置:首页 > Web前端 > JQuery

jQuery AJAX方法 后台返回一个实体类的list

2017-01-06 17:31 369 查看
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]);
}

}

}


后台传来的数据格式如下

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ajax
相关文章推荐