[Ajax] JSP에서 Key-Value 형태로 값 받기(JSONObject)

Controller

JSONObject를 만들고 key와 value값을 넣는다

@RequestMapping("/example/jsonobject.do")
public String selectRequiredUserInfo(@ModelAttribute ExampleVO exampleVO, ModelMap model, HttpServletRequest req) throws Exception {
	
	JSONObject jsonObj = new JSONObject();
	
	jsonObj.put("color", "white");
	jsonObj.put("size", "mini");
	jsonObj.put("name", "iphone");
	
	model.put("jsonResult", jsonObj.toString());
	
	return "/jsonResult";
}

 

리턴되는 JSP (JsonResult.jsp)

model에 넣어준 JsonResult를 jstl을 이용해 출력한다

<%@ page pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:out value="${jsonResult}" escapeXml="false" />

 

 

Ajax 호출 스크립트

data.key의 형태로 value값을 받아올 수 있다

$.ajax({
    type: "post",
    url: "/example/jsonobject.do",
    dataType: "json",
    success: function(data){
        alert("이름은 " + data.name + "입니다.");
    },
    error: function(request, status, error){
        alert(status+": "+error);
    }
});