ajax 요청에서 자동 새로고침이 되는 문제

ajax 요청을 하는데

새로고침 관련 코드가 없는데도

자동 새로고침이 되는 문제가 발생했다

 

 

이걸로 한 3~4일을 잡아먹었는데...

 

 

정답은 간단하게도

<form> 으로 감싸진 <button> 은 기본 동작이 submit 이기 때문에

button type="button"을 반드시 명시해줘야한다는 것 !

 

 

 

<!-- Button -->
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="form-group">
<button type="button" id="writeBtn" name="writeBtn" class="btn btn-default">글쓰기</button>
</div>
</div>

 

 

이렇게 버튼 타입을 명시해줬더니

새로고침 없이 잘 동작하는 것을 확인했다 ^0^/

 

 

 

 

+) 스터디 멤버님의 조언 추가 !!!

 

 

 

힘든 시간...