内容正在载入中,请稍后……
公告
About me
搜索
统计
其他
21 Oct.2019

jQuery AJAX 方法 success()后台传来的4种数据 不指定

作者: 我就是个世界   分类:技术&学习 » JavaScript/EXT   出处:本站原创            | |
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<Float> data; //曲线的纵坐标
    private List<Date> 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<ChartSeries> getChart(){        
    List<ChartSeries> list =  new List<ChartSeries>();
    //给list赋值
    return list; // list
}






分享到QQ空间
时间:15:19 评论(0) 引用(0) 阅读(39) Tags: , ,
发表评论
  昵称 [注册]
  密码 (游客无需密码)
  网址
  电邮
OpenID登入 权限选项 表情