퍼블리셔에게 html 파일을 받아서 작업하거나, 또는 공부 목적으로 html을 작성하시다가 button 태그를 사용하면 새로고침 / reload 되는 현상을 겪으실 수 있으십니다.
[상황]
<form method="POST">
<button name="data" onclick="getData();">Click</button>
</form>
위 코드에서 보시면 button 태그에 타입이 지정되어 있지 않은데, 타입이 지정되지 않으면 기본 값은 submit 입니다.
그래서 타입을 지정하지 않고 사용하면 새로고침 되는 현상이 나타나는데요,
[해결 1]
<form method="POST">
<button name="data" type="button" onclick="getData();">Click</button>
</form>
[해결 2]
<form method="POST">
<button name="data" onclick="getData(); return false;">Click</button>
</form>
상황에 맞게 사용하시면 되겠습니다!!
제가 소요했던 검색 시간보다 지금 보시는 분의 검색 시간은 조금이라도 단축되었길 바라겠습니다.
감사합니다!
