JsonResult , 단일 Class, List Class로 리턴

프로그래밍/ASP NET

JsonResult , 단일 Class, List Class로 리턴

도깨비방망이 2013. 4. 2. 17:42

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

저작자표시 비영리 변경금지