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); } } });