TIL) Ajax에서 alert 창이 뜨지 않을 때?

'저장' 버튼을 누르면 '게시글 등록 성공'이라는 알림창이 뜨도록 설정하였다. 

그러나 어쩌다 한 번 알림창이 뜨고 index로 돌아갈 뿐, 알림창이 지속적으로 뜨지는 않았다.

우선 게시물 등록을 위한 버튼은 아래와 같다 <button..>저장</button> 

우선 알림창이 뜨지 않아도 게시물이 디비로 넘어오는 것은 확인하였다.

로그를 찍어도 디비가 확인이 되었기에 나는 버튼의 type을 의심하게 되었다. 

 

<button> 태그의 type 속성은 해당 버튼의 타입(type)을 명시한다. 브라우저별로 <button> 요소에 대한 서로 다른 기본 타입을 사용할 수 있으므로, <button> 요소에는 언제나 type 속성을 명시해야 한다.

 

버튼의 문법

<button type="button|submit|reset">

 

버튼의 속성값

• type="submit" : 폼의 전송 기능을 담당한다.
• type="reset" : 폼 작성 내용을 초기화하는데 사용한다.
• type="button" : 흔히 자바스크립트를 이용한 기능 구현에 많이 사용한다

submit을 사용 시에는 데이터 자체가 들어와지기는 하지만 알림창 등의 기능이 어떤 이유에서인지 충돌이 나거나 동작의 순서가 미뤄지기 때문이라는 생각이 들었다. 그래서 타입을 submit에서 button으로 바꾸었더니 버튼의 고유 동작을 인식해서 그런지 이후부터는 알림창이 올바르게 뜨는 것을 확인할 수 있었다.