[HTML JSP JS] button을 누를 때 페이지 새로고침 되는 현상 해결 _디버깅의 눈물

button을 누를 때 페이지 새로고침 되는 현상 해결

 

 

-jsp에 있는 button 태그를 눌렀을 때 페이지가 리로딩되는 현상이 있었다.

-원인은 form 태그 안에 button이 존재했기 때문이다.

-button의 기본 type은 'submit'이라서 form 태그 안에 있는 경우 자동으로 전송 기능을 하려고 하는 것이다.

 

 

해결책 

1)form 태그 바깥으로 button 태그를 이동시킨다.

 

2)button의 type을 button으로 설정한다.

 

type을 button으로 설정하면 리로드가 되지 않는다.