$.ajax / $.ajaxForm / $.ajaxSubmit is not a function

 

다 비슷한 류의 에러입니다. form / submit 바꿔쓴다고 달라지지 않아요....

 

1. script(src='https://malsup.github.com/jquery.form.js')
추가 (퓨어 html 쓰시는 분들은 수정해 쓰시길 바랍니다.)
디폴드 - 임베디드되어있는 것이 아니라서 그렇다네요.
혹은 슬림버전(slim 단어가 들어가 있으면)인 경우 추가 임포트가 필요합니다.

 

2. 스크립트 순서.
2-1. 중복되면 충돌이 난다. (최종 임포트가 나중 것을 덮어써 버리므로.)
2-2. 당연히 해당 스크립트 함수보다 먼저 임포트 해야 한다.
2-3. 하지만 어떤 블로그에 보면 맨 밑에서 임포트해야만 될 때가 있다고 한다.

 

3. 부트스트랩을 임포트 했더니 된다 -_-는 분도..

 

4. input의 id값/밸류값이 submit으로 중복되면 안 된다 -_-
태그 id, name이 자바 스크립트 함수 이름과 같으면 안 되는 것은 아는데,
지금 에러가 나는 것은 ajaxForm이랑 ajaxSubmit인데..
이걸?

 

5. 타입 지정.
5-1. ajax의 타입.. 마치 form 태그의 method처럼.
5-2. script의 타입 지정. 보통 text/javascript로 하면 됨.

 

6. https://github.com/cornerstonewdk/cornerstone-framework/issues/14

TypeError: $(...).ajaxForm is not a function · Issue #14 · cornerstonewdk/cornerstone-framework

여긴 뭐라고 하는지 모르겠네요.

 

골라서 선택!

출처는 수 많은 블로그와 스택오버플로, 그리고 제 삽질입니다.