I can not include javaScript and css to my JSP page

Question

I can not include javaScript and css fiels to my JSP page. I tried this and this but not helped.

My JSP:

  <html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
        <script src="../resources/js/my.js"></script>
        <link rel="stylesheet" href="../resources/css/menu.css" />
...

and mapping:

<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <context:component-scan base-package="com.springapp.mvc"/>
    <mvc:annotation-driven />
    <mvc:resources mapping="/resources/**" location="resources" cache-period="31556926"/>
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
</beans>

and ctructure:

WEB-INF
 -pages
   -my.jsp
 -resources
   -js
     -my.js
   -css
     -menu.css
 -mvc-dispatcher-servlet.xml
 -web.xml

new structure not helped

webapp -resources -js -my.js -css -menu.css -WEB-INF -pages -my.jsp -mvc-dispatcher-servlet.xml -web.xml

What i do wrong?

heck! it works in Internet explorer but does not work in chrome! — Pavel
– Pavel, Commented Sep 18, 2015 at 9:45

Abhiram mishra · Accepted Answer · 2015-09-18 09:11:39Z

1

Move your resources folder outside your WEB-INF and make your like below.

<script src="/resources/js/my.js"></script>
<link rel="stylesheet" href="/resources/css/menu.css" />

You can't refer to the resources in your WEB-INF folder by relative path, you have mentioned.

answered Sep 18, 2015 at 9:11

Abhiram mishra

1,6172 gold badges16 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Stefan Over a year ago

Its the right answer. Did you move the resources folder, disabled caches, etc?

Pavel Over a year ago

Yes i move "resource" folder

Pavel Over a year ago

i add new structure in my quation

Abhiram mishra Over a year ago

Looking at your above comment as it works on your "Can you access yourhost/resources/js/my.js?" , with having the resources moved out of your WEB-INF folder. Make sure you do a ctrl+f5 on your browser to fetch the recent change on the jsp page. Hoping your don't have any other sort of caching installed.

Amila · Accepted Answer · 2015-09-18 09:10:12Z

0

Try:

<script src="${pageContext.request.contextPath}/resources/js/my.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/menu.css" />

answered Sep 18, 2015 at 9:10

Amila

5,2331 gold badge30 silver badges47 bronze badges

Comments

DaFoot · Accepted Answer · 2015-09-18 09:33:37Z

0

Do you have taglibs available in your JSP?

If so consider something like: <script src="<c:url value="/js/my.js"/>"></script>

answered Sep 18, 2015 at 9:33

DaFoot

1,5778 gold badges32 silver badges61 bronze badges

Comments

NickJ · Accepted Answer · 2015-09-18 09:57:07Z

0

Your structure should be:

webapp
  -WEB-INF
    -mvc-dispatcher-servlet.xml
    -web.xml
    -pages
      -my.jsp
  -resources
    -js
     -my.js
    -css
     -menu.css

so that the static resources are not under WEB-INF. The <mvc:resources> tag tells spring not to serve these URLs at all, leave them up to your servlet container (Tomcat etc) to serve. But Tomcat et al will not serve content directly from the WEB-INF directory.

EDIT

<mvc:resources mapping="/resources/**"
               location="/"
               cache-period="31556926" />

Assuming your project uses the standard directory layout, put your Javascript under: src/main/webapp/js/my.js and then access them with the relative URL /resources/js/my.js. Hope that helps.

edited Sep 18, 2015 at 9:57

answered Sep 18, 2015 at 9:20

NickJ

9,6299 gold badges53 silver badges80 bronze badges

1 Comment

Pavel Over a year ago

i create this structure but it not helped

Collectives™ on Stack Overflow

I can not include javaScript and css to my JSP page

4 Answers 4

4 Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related