[ERROR LOG/HTML] Button type property

AJAX 튜토리얼을 위해 간단한 html을 파일을 만들어 준 뒤 버튼을 클릭하여 Request를 보내는 기능을 만들었지만

 

click을 해도 request가 날라가지 않아 확인하니 button의 type 설정을 하지 않아 발생한 문제였다.

 

 

문제의 코드:

<button id='button'>Make a Request!</button>

 

 

해결 후의 코드:

<button id='button' type='button'>Make a Request!</button>

 

 

Button - type property

button의 속성은 여러개가 있지만 그 중 문제의 type 속성을 알아보자.

 

1. submit : 서버로 form 데이터를 제출합니다. defult 값이며, 유효하지 않은 값일 때도 지정됩니다.
2. reset : 모든 컨트롤을 초기값으로 되돌립니다.
3. button : 기본 행동은 없으며 아무것도 일어나지 않습니다. 클라이언트측 스크립트와 연결할 수 있습니다.

 

출처 : MDN - developer.mozilla.org/ko/docs/Web/HTML/Element/button