🔄 일정 시간 후 페이지 Refresh 또는 이동하는 방법 (JSTL/JSP/JavaScript)
✅ 1. 서버 응답 헤더 방식 (response.setHeader)
서버에서 HTTP 응답 헤더를 설정하여 페이지 자동 이동
🔹 절대경로 예시
<%
response.setHeader("Refresh", "10; URL=http://www.naver.com");
%>- 10초 후 http://www.naver.com으로 이동
🔹 상대경로 예시
<%
response.setHeader("Refresh", "10; test2.jsp");
%>- 현재 경로 기준 test2.jsp로 이동
📌 주의: 이 방식은 서버에서 응답을 보낼 때 설정되므로, 클라이언트가 보기 전 리디렉션이 결정됩니다.
✅ 2. HTML <meta> 태그 방식
HTML 문서의 <head> 태그에 설정하여 브라우저가 자동 이동
🔹 예시
<meta http-equiv="Refresh" content="5; url=list.jsp" />- 5초 후 list.jsp로 이동
- 페이지 내 <head> 영역에 삽입해야 작동합니다
✅ 3. JavaScript 방식 (setTimeout 또는 setInterval)
동적으로 페이지 이동 또는 새로고침을 제어할 수 있음
🔹 다른 페이지로 이동
<script>
setTimeout(function() {
window.location.href = "list.jsp";
}, 5000); // 5초 후 이동
</script>🔹 현재 페이지 새로고침
<script>
setTimeout(function() {
location.reload();
}, 5000); // 5초 후 새로고침
</script>
📌 Javascript 방식 장점:
- 조건문, 사용자 동작 등에 따라 유연하게 제어 가능
- 개발자 도구로도 쉽게 디버깅 가능
'Dev > frontend' 카테고리의 다른 글
| HTTP 상태코드 (status code) (0) | 2017.11.01 |
|---|---|
| 표현 언어 (EL - Expression Language) (0) | 2017.11.01 |
| HTML에 특수 문자들을 명시하는 방법 (0) | 2017.11.01 |
| HTTP Header (0) | 2017.11.01 |
| jstl custom tag 에서 spring bean 주입하기 (0) | 2017.10.25 |