formr 과 iframe 사용하기

올해도 벌써 2주도 안남았군요.

시간이 어찌나 이렇게 빨리 가는지 모르겠어요.

다들 망년회하시느라 참 바쁘시겠어요ㅎㅎ

예전에 어쩌다 알게된 팁이였는데,

갑자기 오늘 사용할 일이 있어서 포스팅도 함께 남기려고해요.

html에서 가장 많이 사용하는 태그중 하나는 form 태그인데요.

form 태그가 submit이 되면 해당 페이지는 action의 페이지로 데이터를 가지고 이동을 하게 됩니다.

여기서 페이지 이동 하는게 싫으신 분들 !

페이지 이동을 하지 않고 iframe을 이용해서 할수가 있습니다.

<form target="hiddenFrame" method="post" action="/resultFrame.html"></form>

<iframe name="hiddenFrame"></iframe>

위 form이 submit이 되면 form의 action 페이지로 form의 데이터를 가지고 iframe에서 처리가 되어져요.

resultFrame.html 에서 결과를 처리하거나 부모페이지의 함수를 호출하거나 하면 된답니다.

javascript로 submit 기능을 사용해도 같은 방식으로 처리 되어집니다.

참 신기한듯 ... ㅎㅎ

파이어폭스 브라우저에서는 id값까지 줘야했던걸로 기억하는데..