jQuery 사용방법

이것도 안적으니 까먹어서 한참이나 헤메었다... XX..

스프링에서는 jQuery를 사용하기위해서 아래와 같이한다. 

1. jQuery 사이트 방문 (http://jquery.com/)

2. 라이브러리 다운로드

3. 프로젝트의 resources 폴더의 적당한 위치에 복사

4. JSP페이지에 Javascript 구문 추가

<script type="text/javascript" src="<c:url value="/resources/js/jquery-1.8.3.min.js"/>"></script>

또는

<script type="text/javascript" src="/context/resources/js/jquery-1.8.3.min.js"/></script>

이때 주의 사항으로 <c:url>을 사용하였기에 

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %> 이것을 추가한다.

참고사항! : <c:url> 태그는 현재의 서블릿 컨텍스트 이름을 자동으로 앞에 붙여주고 세션관리와 파라이터의 이름과 값의 인코딩을 자동으로 지원한다고 한다.

 아이님의블로그 일부 발췌-http://theeye.pe.kr/529

5. servlet-context.xml 에 아래와 같이 경로를 설정해야 사용이 가능하다!.

 

<mvc:resources mapping="/resources/**" location="/resources/" />

또는 
<resources mapping="/resources/**" location="/resources/" /> 

<!-- javascript/jquery -->
  <mvc:resources mapping="/js/**"  location="/resources/js/" />
   
<!-- img path -->
  <mvc:resources mapping="/img/**" location="/resources/img/" />
   
<!-- css path -->
  <mvc:resources mapping="/css/**" location="/resources/css/" />