Avoid caching of js and css files in jsp page

Question

I have searched it a lot on google but didn't get any answer for the same. In order to avoid caching of js and css files we can append a version number after the string like i have done below.

<script type="text/javascript"
    src="<c:url value='/resources/js/Invoice.js?version=1.0'/>">
</script>

But I wish to use some random number instead of 1.0 to avoid caching something like :

<script type="text/javascript"
        src="<c:url value='/resources/js/Invoice.js?version=<%=Math.random()%>' />">
    </script>

But its not working at all. Please help me out

are you using any properties file in your project like for localized messages? — VPK
– VPK, Commented Oct 20, 2016 at 8:43
Why not use <%= java.lang.Math.round(java.lang.Math.random() * 100) %> this it self? — Shaggy
– Shaggy, Commented Oct 20, 2016 at 9:01

VPK · Accepted Answer · 2016-10-20 10:51:28Z

1

For storing build numbers I think properties files is the best place. And for your problem, you can get this build number using Spring tag library which can be included like this,

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

Updated

You can then get the build number from properties file which is configured in your ApplicationServlet.xml and finally can use build number as follows,

<spring:message code="buildNumber" var="buildNumber" />
<link rel="stylesheet" href="<c:url value="/resources/css/custom/select2.css?${buildNumber}"/>" type="text/css" />

Your applicationServlet-servlet.xml file must include something like this,

<beans:bean id="messageSource" class="org.springframework.context.support.ResourceBundleMessageSource">
    <beans:property name="basenames">
        <beans:list>
            <beans:value>buildNumber</beans:value>
            <beans:value>gui</beans:value>
            <beans:value>message</beans:value>              
        </beans:list>
    </beans:property>
</beans:bean>

Here you can store your build number in separate properties file named, buildNumber.properties and having entry like this, buildNumber=601.

You can change the build number anytime you want to deploy your latest code to the server.

With this you can ensure that your client won't need to clear his own browsers cache whenever a new version of your application has deployed.

edited Oct 20, 2016 at 10:51

answered Oct 20, 2016 at 8:50

VPK

3,0781 gold badge30 silver badges36 bronze badges

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

4 Comments

Ashwin Sharma Over a year ago

How is this going to return a random number each time page is loaded?

VPK Over a year ago

This is not going to return a random number, but it will help your client to get the latest changes after each deployment. If you just want to worry about your own browser cache, then you can use some browser plugins like clear cache. But above solution is for application level purpose.

Ashwin Sharma Over a year ago

Yeah I got it... But where do i need to put the following code <spring:message code="buildNumber" var="buildNumber" />

VPK Over a year ago

@Ashwin Sharma just before you include the js or css files, check the updated answer.

Khusboo · Accepted Answer · 2016-10-20 08:55:28Z

0

Please use this key value in your property file, but I am not sure about your scenario, this has worked for me. browser.cache.disabled=true

answered Oct 20, 2016 at 8:55

Khusboo

1171 gold badge1 silver badge9 bronze badges

Collectives™ on Stack Overflow

Avoid caching of js and css files in jsp page

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related