Egov jsonView를 이용하여 ajax 사용하기

jsonView를 이용하여 ajax 통신하기

 

 

:: dispatcher-servlet.xml

beanNameViewResolver 추가 후 order="1"으로 적용

<!-- ViewResolver 설정 -->
<bean id="beanNameViewResolver" class="org.springframework.web.servlet.view.BeanNameViewResolver" p:order="1"/>
	
<!-- UrlBasedViewResolver 설정 -->
<bean class="org.springframework.web.servlet.view.UrlBasedViewResolver" p:order="2"
	p:viewClass="org.springframework.web.servlet.view.JstlView"
	p:prefix="/WEB-INF/jsp/" p:suffix=".jsp"/>

 

 

:: context-common.xml

jsonView로 빈 설정

<!-- ajax -->
<bean id="jsonView" class="org.springframework.web.servlet.view.json.MappingJackson2JsonView"></bean>

 

 

:: controller

ModelAndView에 jsonView를 지정하여 반환한다.

DispatcherServlet은 클라이언트의 요청을 처리하고 적절한 처리기(Controller)를 찾아 실행한다. 그 후에는 처리된 결과를 어떻게 표현할지를 결정해야 하는데, 이때 ViewResolver로 View 이름을 매핑하여 결과를 렌더링할 수 있는 View 객체를 반환한다.

 

/**
 * board 목록 가져오기
 * @param map
 * @return
 */
@RequestMapping(value="/selectBoardList.do")
@ResponseBody
public ModelAndView selectBoardList(@RequestParam Map<String, Object> map, HttpSession session) throws Exception {
	
    ModelAndView mv = new ModelAndView("jsonView");
    List<?> list = boardService.selectBoardList(map);
    mv.addObject("list", list);
    
	return mv;
}

 

 

:: jsp

jsp파일안에 ajax 통신을 이용하여 데이터 호출

$.ajax({
    url: "/selectBoardList.do",
    type: 'POST',
    data: { "boardId": 1 },
    success: function(res) {
        var data = res.list;
        console.log(data);
    },
    error: function(xhr, status, error) {
        console.error(xhr.responseText);
    }
});

 

 

출처 - https://techislife.tistory.com/19