How to avoid hard-coding the application context path in js/ajax scripts

Question

I use Spring MVC and Javascript/ajax. I have an issue with the way my ajax scripts refer to a server-side resource.

Say I have two pages that need to use the same server-side resource through ajax:

The url for the first page is:

• /myapp/advertisement/28/edit
• /myapp/signup

Say the server-side resource that my ajax script need to use is:

• /myapp/geolocation/addressAutocomplete

As of now, I have hard-coded the application context path i.e. /myapp in my ajax script.

If and when my application context path changes I need to update is all over my scripts.

Is there a solution to that?

Answer 1

In the HTML page that includes the script you could put an HTML base tag that points to the context. See the answer to How to get domain URL and application name?

And you can read about the base tag at http://www.w3schools.com/tags/tag_base.asp which states The <base> tag specifies the base URL/target for all relative URLs in a document.

Before deciding whether or not to use this tag, it may be worth reading answers to Is it recommended to use the <base> html tag?

Answer 2

You can use $.ajaxPrefilter() to prepend context path to all jQuery AJAX requests.

It can be configured in <script> element of your pages, where context path value is available (e.g. ${pageContext.request.contextPath} in JSP).