jsp 정리하기1(jsp-> jsp 뒤로가기 버튼으로 첫페이지 이동)location, history.back 활용

jps -> jsp 로 두번째 페이지에서 첫번째 화면으로 넘어갈 때 세가지 종류의 태그를 비교해보고자 한다.


먼저 로그인 화면을 만들고 가입하러 가기 버튼을 누른 뒤
회원가입 화면에서 뒤로가기 버튼을 누르고자 한다.

첫번째 파일 이름은 login.jsp로 한 뒤 테이블로 화면을 만들었고, 두번째 페이지는 register.jsp라고 하였다.

<form action="register.jsp" method="post">
<table>
<tr>
<td>아이디</td>
<td> <input type="text" name="id"> </td>
</tr>
<tr>
<td>비밀번호</td>
<td> <input type="password" name="pw"></td>
</tr>
<tr>
<td colspan="2"> <input type="submit" value="가입하러 가기">
</td>
</tr>

</table>
</form>

 

1. "뒤로가기 1" 버튼

<a href="login.jsp" ><input type="button" onclick="alert('뒤로가기를 누르셨습니다.');"
value="뒤로가기1"></a>

쌤께서 이 방법은 약간 야매라서 다른 방법을 사용하는걸 추천하셨다.
나는 첫화면 파일 이름을 login.jsp로 하였고,
on click에 alert을 쓰면 팝업창이 뜨고 다시 첫화면으로 넘어간다.
onclick = "alert('뒤로가기를 누르셨습니다.');"

a태그를 활용하여 뒤로가기 작업을 하면 그 전에 작성했던 아이디 비밀번호가
사라지고 새 페이지를 볼 수 있다.

2. 뒤로가기 2 버튼

쌤께서 a태그 대신 첫페이지로 이동하되, 첫화면에 작성한 데이터는 사라지게 할 때 사용하라고 말씀하신 태그다.

<input type="button" value="뒤로가기2" onclick="location.href='login.jsp';">

마찬가지로 onclick에서 location.herf=" 내가 지정한 첫화면.jsp"
onclick="location.href='login.jsp';"

a태그와 마찬가지로 전에 작성했던 아이디와 비밀번호는 사라지고 새페이지가 열린걸 볼 수 있다.

location을 이용해서 데이터를 가져가고자 할 때는
(onclick="location.href='login.jsp?name=java&age=20';")
? 이용하여 보낼 데이터를 작성해주면 된다
이름은 java 나이는 20 데이터를 보낼거야!

또는 ?title=${board.title} 이렇게 작성하면 된다

3. 뒤로가기 3 버튼

이 태그는 회원가입 페이지에서 다시 로그인 페이지로 갔을때
아이디와 비밀번호에 작성된 내용이 그대로 보존되는 태그이다.

<input type="button" value="뒤로가기3" onclick="history.back(-1);">