Creating consistent URLs in jQuery

Question

I am creating a webapp and I have been using tag in my JSPs to ensure that all my links (both to pages and to resources such as images/css) are always consistent from the root of the application, and not relative to my current location.

Some of the content I am creating using jQuery, for example, I am creating a HTML table by parsing a JSON object and using jquery.append() to insert it in to a div.

My question is, if I want to dynamically create a link using jquery how can I achieve a consistent URL regardless of the page being executed? I have tried just building the html with the tag in it, but no joy.

Thanks!

mattsven · Accepted Answer · 2011-04-25 17:39:23Z

1

var baseURL = "/* Server-side JSP code that sets the base URL */";

$("<a />", { href: baseURL+"/my/resource/here.jsp" }); //Your proper link

Or you could do:

var baseURL = "http://"+location.host+"/my/base/url/";
//Which gives you something like http://mySite.com/my/base/url/

answered Apr 25, 2011 at 17:39

mattsven

23.5k11 gold badges73 silver badges106 bronze badges

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

Comments

JSager · Accepted Answer · 2011-04-25 17:41:11Z

1

Get the root value of your webapp into a string using a jsp tag inside your javascript.

 var root = < %=myRootVariable%> //This evaluates to http://www.myapp.com
    var dynamicBit = "/foo/bar"
    var dynamicLinkUrl = root + dynamicBit
    var $newa = $("<a href='" + dynamicLinkUrl +'">Hello, world</a>");
    $someJQElement.append($newa)

Hopefully none of this will occur in the global namespace. Just sayin'

edited Apr 25, 2011 at 17:41

answered Apr 25, 2011 at 17:40

JSager

1,4309 silver badges18 bronze badges

1 Comment

mattsven Over a year ago

And there needs to be quotes around that root variable.

Collectives™ on Stack Overflow

Creating consistent URLs in jQuery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related