root url javascript

Question

I'm working on an .Net ASP MVC razor application

The root url on the server being "myWebSite.com/myApp/"

I need to find dynamically this url to have the right url to make some Ajax call to action like this

    $.ajax(
    {
        type: "POST",
        url: root + "/Controller/Action",
        data: ...
    }

I read a few things here and there but what I found doesn't work

"document.location.hostname" -> "myWebSite.com"
"location.host"              -> "myWebSite.com"
"window.location.pathname"   -> "/myApp/"

Last one sounded promissing but if I navigate in the website :

 for an url :  "myWebSite.com/myApp/Controller/Action?1" 
 "window.location.pathname"   -> "/myApp/Controller/Action"

DBS · Accepted Answer · 2025-04-07 21:43:07Z

26

In asp.net mvc, using razor view engine, I got this in my layout:

<script type="text/javascript">
 var baseUrl = "@Url.Content("~")";
</script>

That way we can define application base url as javascript object that is accessible from everywhere.

edited Apr 7 at 21:43

DBS

10.1k4 gold badges40 silver badges61 bronze badges

answered Aug 2, 2011 at 9:57

Arnis Lapsa

47.6k30 gold badges119 silver badges198 bronze badges

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

Comments

Mrchief · Accepted Answer · 2011-07-31 20:58:54Z

1

You don't need to find this. Use realtive path:

    $.ajax(
    {
        type: "POST",
        url: "Controller/Action",
        data: ...
    }

This will go in as <root>/Controller/Action

answered Jul 31, 2011 at 20:58

Mrchief

76.4k20 gold badges145 silver badges193 bronze badges

1 Comment

Rachid Over a year ago

That's actually what i use locally but on the server I have to write url: "MyApp/Controller/Action" that's the only way it seems to work but it's a pain in the ass to have to change the link everytime I put it on the server and even if it worked, i need to display some icon on a googlemap, for that i need i also need the correct root

user447356 · Accepted Answer · 2011-07-31 20:00:27Z

0

What about this?

var root = "<%=Request.ApplicationPath%>";
alert(root);

Does it give correct root URL?

answered Jul 31, 2011 at 20:00

user447356

Comments

Mariano Quevedo · Accepted Answer · 2012-03-05 21:15:29Z

0

I use this:

In razor:

Uri auxBaseUri = new Uri(Request.Url.GetLeftPart(UriPartial.Authority));
Uri baseUri = new Uri(auxBaseUri, Url.Content("~"));

Then in the js I use:

var baseUrl = "@baseUri.ToString()";

$.ajax
({
    type: "POST",
    url: baseUrl + "Controller/Action",
    ...

It works on my machine and on the server. Hope it helps

answered Mar 5, 2012 at 21:15

Mariano Quevedo

3613 silver badges6 bronze badges

Collectives™ on Stack Overflow

root url javascript

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related