ajax多条记录传送后台$.parse,jQuery AJAX 方法 success()后台传来的4种数据

1.后台返回一个页面

/**(1)用$("#content-wrapper").html(data);显示页面*/

$.ajax({

async : false,

cache : false,

type : 'POST',

url : 'area/prepareCreate',

error : function() {

alert('smx失败 ');

},

success : function(data) {

$("#content-wrapper").html(data);

}

});

2. 后台返回一个基本类型String,Long等

$.ajax({

async : false,

cache : false,

type : 'POST',

url : 'app/area/delete',

dataType : "json",

error : function() {

alert('smx失败 ');

},

success : function(data) {

/**重点：前台接收到返回值，直接处理就行*/

alert(data);

}

});

3. 后台返回一个实体类

$.ajax({

async : false,

cache : false,

type : 'POST',

url : 'app/area/delete',

error : function() {

alert('smx失败 ');

},

success : function(data) {

var jsonData = JSON.parse(data);

if (jsonData .flag == 0) {//请求成功

alert("后台操作成果");

} else {

alert(jsonData .msg);

}

}

});

4.后台返回一个实体类list(实体类的字段都是基本类型)

$.ajax({

async : false,

cache : false,

type : 'POST',

url : "section/getSections",

error : function() {

alert("失败");

},

success : function(data) {

var jsonData = JSON.parse(data); //jsonData是该下路下的所有区间(json格式)

for (var i = 0; i < jsonData.length; i++) {

alert(jsonData[i].id);

alert(jsonData[i].name);

}

}

})

5.后台返回一个实体类list(实体类的字段包括List类型)

第一步：定义实体类ChartSeries

public class ChartSeries {

private String name; //曲线名称

private List data; //曲线的纵坐标

private List occurTime; //曲线的横坐标

//添加get set方法

}

第二步：js代码

$.ajax({

url : "/dataRecord/chart" , //获取数据列

type : 'GET',

data : {

},

success : function(data) {

formatStringToJson(data);//对数据进行处理

}

});

function formatStringToJson(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]);

}

}

}

第三步：java代码

@ResponseBody

@RequiresPermissions("dataRecord:view")

@RequestMapping(value = "/dataRecord/chart}", method = RequestMethod.GET)

public List getChart(){

List list =  new List();

//给list赋值

return list; // list

}