ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • -4부- 스프링 3.0 에서 Ajax 사용하는 방법에 대해 알아보자. ( @ResponseBody 를 통한 방법 )
    Web 2011.10.27 14:16
    ※ 본문은 크롬(Chrome) 브라우저에 최적화 되어 있습니다. 

    스프링 3.0.6 + ibatis 2.3.4.726 프로젝트를 생성 하고자하는 사람들을 위해 한번 정리해 보았다.


    1. -1부-  프로젝트 구조와 설정 파일에 대해 설명했다.
    2. -2부-  에러없이 작동하는 간단한 스프링 3.0 + ibatis 연동에 대해 설명한다.
    3. -3부-  스프링 3.0 에서 Ajax 사용하는 방법에 대해 알아보자. ( DWR 3.0 RC2 편 ) 
    4. -4부-  스프링 3.0 에서 Ajax 사용하는 방법에 대해 알아보자. ( @ResponseBody 를 통한 방법 ) 
       



    스프링 3.0 에서 Ajax를 사용해 보자.




      1. @ResponseBody 를 통한 Ajax 구현 방법


        스프링 2.5 버전에서는 Ajax를 사용하기가 좀 까다로웠다면 3.0 으로 판올림하면서 이제는 손쉽게 사용할수 있게 되었다.

        @ResponseBody 어노테이션을 사용하여 XML, TEXT, JSON 형식으로 Callback 함수에 원하는 리턴값을 줄 수 있다. ^^
         





          








    @ResponseBody 를 통한 Ajax 구현 방법




    1. springapp-servlet.xml 에는 별달리 설정해 줄게 없다.


      아래의 소스가 전부이다. 스프링 3.0으로 업데이트 되면서 설정이 간소화 된거 같다.








    2. Controller - BoardController.java

       Controller의 내용을 살펴보자




    3. View - BoardList.jsp

       JSP 페이지에서는 jQuery $.ajax()를 이용해 보았다.
      혹시 서버로부터 Ajax 로 받아온 한글이 포함된 결과값의 한글이 깨진다면 http://blog.jidolstar.com/700  을 참고하자.

      <%@ page language="java" contentType="text/html; charset=EUC-KR"
          pageEncoding="EUC-KR"%-->
      
      <%@ page import="java.net.*" %>
      <%@ include file="/WEB-INF/jsp/include.jsp"%>
      
      
      연습 - 게시판 목록 -
      
      
      
      
      
      
      
      

      게시판 목록


      번호 제목 작성자 등록일
      조회하신 결과가 없습니다.


      <%-- Ajax 호출 --%> 검색 <%-- Ajax 결과 출력 영역 시작 --%>

      <%-- Ajax 결과 출력 영역 끝 --%>

       


    4. 결과 화면

       아래의 화면에서 '검색' 을 클릭하면 이와 같은 화면을 볼수 있다.
       







       
    마무리

    스프링 3.0 에서 Ajax 사용하는 방법 끝.


    댓글 0

Designed by black7375.