from: http://stackoverflow.com/questions/8487724/fetching-a-image-in-server-context-path-from-javascript-code
Using a Java-based back-end (i.e., servlets and JSP), if I
need the contextPath from JavaScript, what is the recommended pattern
for doing that, any why? I can think of a few possibilities. Am I
missing any?
1. Burn a SCRIPT tag into the page that sets it in some JavaScript variable
2. Set the contextPath in some hidden DOM element
3. Try to figure it out within JavaScript by examining
Which way I'm leaning
I'm favoring the hidden DOM element, because it doesn't require JavaScript code execution at the load of the page. Only when I need the contextPath, will I need to execute anything (in this case, run a DOM query).
1. Burn a SCRIPT tag into the page that sets it in some JavaScript variable
<script>var ctx = "<%=request.getContextPath()%>"</script>
This is accurate, but requires script execution when loading the page.2. Set the contextPath in some hidden DOM element
<span id="ctx" style="display:none;"><%=request.getContextPath()%></span>
This is accurate, and doesn't require any script execution when
loading the page. But you do need a DOM query when need to access the
contextPath. The result of the DOM query can be cached if you care that
much about performance.3. Try to figure it out within JavaScript by examining
document.URL
or the BASE tagfunction() {
var base = document.getElementsByTagName('base')[0];
if (base && base.href && (base.href.length > 0)) {
base = base.href;
} else {
base = document.URL;
}
return base.substr(0,
base.indexOf("/", base.indexOf("/", base.indexOf("//") + 2) + 1));
};
This doesn't require any script execution when loading the page, and
you can also cache the result if necessary. But this only works if you
know your context path is a single directory -- as opposed to the root
directory (/
) or the multiple directories down (/mypath/iscomplicated/
).Which way I'm leaning
I'm favoring the hidden DOM element, because it doesn't require JavaScript code execution at the load of the page. Only when I need the contextPath, will I need to execute anything (in this case, run a DOM query).