JsonResult , 단일 Class, List Class로 리턴

JsonResult , 단일 Class, List Class로 리턴

 

1. Controller

public JsonResult JsonResultAction(int no, string state) { // Class ( property: name,age ) Json 리턴 // => { name:홍길동, age:30 } SimpleResultEntity model = modelName.GetClass(); return Json(model,JsonRequestBehavior.AllowGet); // 수동으로 Json 리턴 // => { name:홍길동, age:30 } return Json(new {name:홍길동, age:28}) // List Class Json 리턴 // => {{ name:홍길동, age:30 },{name:을지문덕,age:50},{name:이순신,age:34}} List<SimpleResultEntity> models = modelName.GetList(); return Json(model,JsonRequestBehavior.AllowGet); }

 

 

2. Javascript

jQuery('#btnJson').click(function () { fnJsonClass(no,state); fnJsonArray(no,state); } // 단일 Json 문자열로 리턴 function fnJsonClass(no,state) { var url = '@Url.Action("JsonResultAction", @controllerName)'; jQuery.ajax({ type: 'POST', url: url, data: { no: no, state: state }, timeout: 10000, datatype: 'json', success: function (result) { if (result != null) { -- result['name'] Or result.name -- Property 표현시 대소문자 확인(한참 헤맨적 있음) alert(result['name'] + ' 입니다.'); alert('나이는 ' + result['age'] + ' 입니다.'); } }, error: function (error) { alert(error); } }); } // Array Json 문자열로 리턴 function fnJsonArray(no,state) { var temp = ''; var url = '@Url.Action("JsonResultAction", @controllerName)'; jQuery.ajax({ type: 'POST', url: url, data: { no: no, state: state }, timeout: 10000, datatype: 'json', success: function (result) { for (var i = 0; i < result.length; i++) { temp += '<ul>'; temp += '<li>' + result[i].name + '</li>'; temp += '<li>' + result[i].age + '</li>'; temp += '</ul>'; } jQuery('#des').html(temp); }, error: function (error) { alert(error); } }); }