[AJAX] FORM안에 AJAX 버튼

form 태그 안에서 ajax를 사용하면 form태그가 실행되어서 action으로 넘어가게 됩니다.

 

이러한 문제를 해결하는 방법은 form태그 안의 ajax용 버튼에 type="button" 을 주면 해결이 가능합니다.

<form action="example" method="POST">
	<!-- 버튼을 클릭하면 form태그가 실행 -->
    <button>BUTTON1<button>
    
    <!-- 버튼을 클릭해도 form 태그가 실행되지 않음 -->
    <button type="button">BUTTON2<button>
</form>