목적에 따른 웹페이지 이동 설명
목적에 따른 웹페이지 페이지 이동 설명
입력/수정/삭제하기
입력 페이지
input, textarea 등에 입력 후
처리페이지로 form submit으로 값을 넘김.
보통 method는 post
처리 페이지
php 나 asp 단에서 DB등을 처리
결과 페이지로 이동
document.location.replace({URL}); 을 사용
document.location.href : 브라우저에 따라서 동작이 다를 수 있다. 히스토리에 처리페이지가 남을 수 있다.
window.open() : 히스토리에 처리페이지가 남는다.
form.submit() : 히스토리에 처리페이지가 남는다.
header('Location: {URL}'); 로 할 수도 있겠지만, 메세지 처리 등이 불가능함.
결과 페이지
location.replace 로 이동 되었다면 처리페이지의 히스토리가 없기 때문에 뒤로가기를 해서 입력 페이지로 이동된다.
"처리페이지가 다시 불릴 일이 없다!"
이게 중요한데, location.replace를 안하고 처리할 경우 히스토리에 처리 페이지가 남아서
뒤로가기 후 "post값을 다시 사용할것인가?"에 대한 물음에 "예"를 할 경우 처리페이지가 똑같은 POST값을 다시 처리된다.
데이터 중복 입력이나 PK에러가 발생할 수 있다.
검색하기
페이지리스트
검색어 부분에서 검색어를 넣고 form submit
이 때 method는 get
post로 할 경우 뒤로가기를 할 때 "post값을 다시 사용할것인가?" 를 물어보는 물음창이 뜬다.
사용자는 이전 결과를 보고 싶었을 뿐인데, 한번더 클릭해줘야하는 불편이 생긴다.
페이지리스트(검색 적용)
뒤로가기를 하면 바로 전에 검색했던 결과가 보일 것이다.(캐싱하면 트래픽을 줄일 수 있다.)
검색어 부분에서 검색어를 넣고 form submit
##틀이 깨지니 링크를 참고하세요.##