목적에 따른 웹페이지 이동 설명

목적에 따른 웹페이지 페이지 이동 설명

입력/수정/삭제하기

입력 페이지

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

##틀이 깨지니 링크를 참고하세요.##