在Spring MVC App中包含jQuery

Question

I am trying to include jquery in a spring mvc app but am having some trouble (I am new to spring mvc). I created a folder called js under the webapp folder, but am not sure what to include my view to include the file.

I've tried:

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-2.0.3.min.js"></script>

however, this creates a path that cannot be resolved since I have no controller for /js path.

My question is how is this usually done, is a controller created that returns the jquery-2.0.3.min.js file?

Answer 1

Although you could link to a CDN for common libraries such as jquery or bootstrap, most applications eventually will need some custom CSS, JS, or images. Instead of writing a controller, you should be serving the resources via Spring MVC's ResourceServlet. You can add the following to your webmvc-config.xml (or default-servlet.xml or whatever spring mvc configuration file you have):

<!-- Handles HTTP GET requests for /resources/** by efficiently serving up static resources -->
<mvc:resources location="/" mapping="/resources/**"/>

Then, you could update your view to include "resources" in the path, such as:

<spring:url value="/resources/js/jquery-2.0.3.min.js" var="jquery_js_url" />
<script src="${jquery_js_url}" type="text/javascript"><!-- /required for FF3 and Opera --></script>

For more information, see the following:

• http://docs.spring.io/spring/docs/3.2.4.RELEASE/spring-framework-reference/html/mvc.html#mvc-config-static-resources
• SpringMVC and static resources

Hope that helps...

Answer 2

I would recommend just linking to a CDN (such as Google) -- as it enables jquery to be loaded from a user's cache, rather than your servers:

https://developers.google.com/speed/libraries/devguide#jquery

Answer 3

I have this line in my JSPs, and it works. We do not use a CDN - it is hosted locally in the javascript folder. That folder hangs under the webapps parent.

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script src='<c:url value="/javascript/jquery.js"/>'></script>