ssm框架下,前后端交互json

1、后端提交json数据给前端:使用@ResponseBody注解,会自动将相应的数据(字符串、对象、集合)转换为json。

 

1.1、前端解析json:使用fastjson解析。待补充

 

 

2、前端:发送json,直接转换格式后发送,待补充。

 

2.1、前端解析json:使用AJAX发送请求并解析返回的json数据时,在ssm框架下好像直接可以使用。使用Bean导航功能直接访问属性。

 

示例1:解析单一对象

 $.ajax({
                async:false,
                type:"POST",
                url:"<c:url value='#'/>",
                data:{
                    teacId:$("#gh").val()
                },
                success:function (data) {
                    if(data==''){
                        flag = false;
                    }else {
                        flag = true;
                        var res = JSON.stringify(data);
                        $("#teachid").text(data.teachId);
                        $("#teachname").text(data.teachName);
                        $("#teachsex").text(data.teachSex);
                        $("#teachtitle").text(data.teachTitle);
                        $("#teachmobile").text(data.teachMobile);
                        $("#teachemail").text(data.teachEmail);

                        $("#teachbirthday").text(convertDate(data.teachBirthday));
                        $("#teachensch").text(convertDate(data.teachEnsch));
                        document.getElementById("xxss").style.display = "inline-block";
                    }
                }
            });

示例2:解析List对象

 

$.ajax({
                type:"POST",
                url:"<c:url value='/teacher/asyncAllStuScores.action'/>",
                data:{
                    tcId:$("#teachCID").val()
                },
                success:function (result) {
                    alert(JSON.stringify(result));
                    var list2 = $("#list2");
                   //获得key
                    for (var key in result) {
                        alert("分数的id:" + result[key].scoresId);
                        alert("学生的人数:" + result[key].student.stuName);
                    }
                }
            });        

 

posted @ 2020-05-23 00:01  怪兽不纯粹  阅读(1452)  评论(0)    收藏  举报