메뉴 건너뛰기

조회 수 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 변경

    Date2018.06.05 Views2715
    Read More
  2. 전자정부프레임워크 설치 및 실행

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

    Date2018.06.12 Views3053
    Read More
  4. 전자정부프레임워크 구조 파악하기

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

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

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

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

    Date2018.12.06 Views1898
    Read More
  9. 이클립스에서 인코딩 설정

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

    Date2018.12.07 Views1199
    Read More
  11. 이클립스(Eclipse) 소스 일괄 수정

    Date2018.12.07 Views1097
    Read More
  12. 이클립스 파일 찾기 & 문자열 검색

    Date2018.06.21 Views2407
    Read More
  13. 예제 따라하기(1) - 기본 서블릿 구현

    Date2018.06.05 Views2922
    Read More
  14. 스프링프레임워크 <form:form> 태그 사용법

    Date2018.12.06 Views1182
    Read More
  15. 스프링프레임워크 <form:form> 태그 사용법

    Date2019.02.28 Views3514
    Read More
  16. 스프링 CKEditor 적용 - 에디터

    Date2018.06.12 Views5580
    Read More
  17. 서버로부터 메시지 받아서 팝업 띄우기 (1. ModelAndView 이용)

    Date2021.03.09 Views574
    Read More
  18. 로그인 체크 인터셉터 사용 (AuthenticInterceptor)

    Date2016.09.21 Views6678
    Read More
  19. 공통코드관리

    Date2016.09.21 Views5763
    Read More
  20. 개발자로서 기본 구성합니다.

    Date2016.08.18 Views4939
    Read More
Board Pagination Prev 1 2 3 Next
/ 3

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved