본문으로 바로가기
※ 본문은 크롬(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 사용하는 방법 끝.



BLOG
블로그 이미지 김꾼 님의 블로그
MENU
    VISITOR 오늘1 / 전체298,286