Uncaught ReferenceError: $ is not defined 문제 spring security forbidden error 403, ajax 클릭 무반응

index.js파일에서 $가 정의되어있지않다고 오류가 뜬다.

미리 헤더부분에 js문법을 읽을수 있게 선언해줬더니 에러가 없어졌다.

 

그 뒤에 버튼을 클릭해도 버튼이 index.js파일을 호출하고 함수를 실행하지 않아서 

onClick을 이용해 함수를 호출하니 ajax 통신이 작동하였다.

 

작동은 하지만 spring security를 적용했기때문에 보안 문제가 발생한다. 

Forbidden 403 에러를 해결하기위해 

https://sarc.io/index.php/cloud/2096-spring-boot-security-ajax-post-403

다음 블로그를 참고하여 토큰값을 얻는코드를 적용했다. 

그 뒤에 글을 수정을 하니 다음과 같이 수정이 잘 되었다.