IT/Java, Spring

[spring/jsp] .js 파일에서 함수 호출 시 동작하지 않는 에러 해결

북더기 2021. 5. 13. 01:00

절대적인 해결 방법인지는 모르겠지만, spring framework 개인프로젝트 진행 중,

jsp(java server page)에 jquery와 따로 javascript 유효성 체크를 위한 .js파일을 임포트하였으나,

함수가 동작하지 않는 오류를 여러번 마주했습니다.

오류 : jsp에서 분명 jquery파일과 유효성을 위해 만든 .js파일을 script로 임포트하였으나, 함수가 동작하지 않음

++ 동작하지 않아 jsp에서 <script type="text/javascript"> 선언 후, function으로 함수를 호출하면 선언됨
++ 그러나 js와 jsp 코드의 분리를 위해 .js파일에 동작되게 하고 싶다면
해결 : jquery파일을 .js파일보다 위에 선언한다.

해결 전에는 jquery 파일이 .js 파일보다 밑에 위치했습니다. 

jquery 파일을 jsp의 <head> 태그에 위치한 후, </body> 바로 위에 .js파일을 선언하니 잘 읽어지네요.

 

함수에는 문제가 없는 경우여야 해당됩니다! (jsp에서 자체 script로 선언 시 실행되나, .js로 파일 분리 시 실행 안 되는 경우)