메뉴 건너뛰기

조회 수 574 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

웹 페이지를 구축할 때 서버로부터 메시지를 받아와 이를 사용자에게 출력해줘야 할 경우가 있는데, 그 방법중 하나로 jstl과 Spring의 ModelAndView를 이용해서 팝업으로 보여주려 한다.

 

 

1. jstl을 사용하기 위해 jsp 파일 최상단에 해당 코드 추가

 

1
2
3
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
cs

 

2. jquery를 사용하기 위해 스크립트를 추가, 메시지를 보여줄 수 있는 alert 함수를 호출하는 스크립트 코드 추가

 

 

1
2
3
4
5
6
7
8
9
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(function(){
        var responseMessage = "<c:out value="${message}" />";
        if(responseMessage != ""){
            alert(responseMessage)
        }
    }) 
</script>
cs

 

 

3. 서버의 컨트롤러 코드에서 반환할 ModelAndView 객체에 message라는 이름의 오브젝트 추가

 

1
2
3
4
5
6
7
@RequestMapping(value = "/main.do")
public ModelAndView main(HttpServletRequest request, HttpServletResponse response) {
    ModelAndView modelAndView = new ModelAndView("/main");
    modelAndView.addObject("message""서버의 메시지입니다.");
    return modelAndView;
}
 
cs

 

 

4. 결과화면


  1. 첫 실행 URL 변경

  2. 전자정부프레임워크 설치 및 실행

  3. No Image 12Jun
    by
    2018/06/12 Views 3053 

    전자정부프레임워크 사용 중 중복 저장 방지 (새로고침 혹은 뒤로가기시)

  4. 전자정부프레임워크 구조 파악하기

  5. 전자정부표준프레임워크 파일 업로드 크기 설정(feat. MaxUploadSizeExceededException)

  6. 전자정부 프레임워크(eGovframe) 동적 웹프로젝트 시작하기(2)

  7. 전자정부 프레임워크(egov framework) 설치하기(1)

  8. 전자정부 표준프레임워크 파일업로드용량설정

  9. 이클립스에서 인코딩 설정

  10. 이클립스(Eclipse) 한글 언어팩 설치. Babel 프로젝트

  11. 이클립스(Eclipse) 소스 일괄 수정

  12. 이클립스 파일 찾기 & 문자열 검색

  13. 예제 따라하기(1) - 기본 서블릿 구현

  14. 스프링프레임워크 <form:form> 태그 사용법

  15. 스프링프레임워크 <form:form> 태그 사용법

  16. No Image 12Jun
    by
    2018/06/12 Views 5580 

    스프링 CKEditor 적용 - 에디터

  17. 09Mar
    by 조쉬
    2021/03/09 Views 574 

    서버로부터 메시지 받아서 팝업 띄우기 (1. ModelAndView 이용)

  18. No Image 21Sep
    by
    2016/09/21 Views 6678 

    로그인 체크 인터셉터 사용 (AuthenticInterceptor)

  19. No Image 21Sep
    by
    2016/09/21 Views 5763 

    공통코드관리

  20. 개발자로서 기본 구성합니다.

Board Pagination Prev 1 2 3 Next
/ 3

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved