How to get only the Controller name and action name from URL with jQuery

Question

I am using .net MVC in my website and I need to get the URL in javascript, but only the controller and action name, for instance if i have:

http://stackoverflow.com/questions/9513736/current-url-without-parameters-hash-https

I need:

http://stackoverflow.com/questions/9513736/

I have found some solutions such as:

urlBase = location.href.substring(0, location.href.lastIndexOf("/")+1)

->http://stackoverflow.com/questions/9513736/

However if my URL does not have any parameters I the action name is cut off like so:

http://stackoverflow.com/questions/

Does anyone have a solution for this?

Depends how consistent and reliable the URL will be. You could check to see if the URL ends with / if it does then don't substring it. That might work for you. Personally I would look to see if you can access the controller and action names through razor and write it directly to the javascript so you don't have to parse it. — musefan
– musefan, Commented Mar 9, 2015 at 16:07
URLS don't work like that; you only get the path. What happens after that is completely in your hands. — tcooc
– tcooc, Commented Mar 9, 2015 at 16:12
This is impossible without also duplicating all the route logic in JS. Instead, you probably want to have the server echo this data back via the payload for you to consume on the client. — Sean Kinsey
– Sean Kinsey, Commented Mar 9, 2015 at 16:13

jimmy jansen · Accepted Answer · 2015-03-09 16:09:50Z

22

You can use window.location.pathname for this.

For the url in this question it returns

"/questions/28946447/how-to-get-only-the-controller-name-and-action-name-from-url-with-jquery"

To read it properly you can use: window.location.pathname.split("/")
Read the value with:

var url = window.location.pathname.split("/");
var questions = url[1];

answered Mar 9, 2015 at 16:09

jimmy jansen

6324 silver badges12 bronze badges

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

1 Comment

user4612487 Over a year ago

thanks, this is my final solution: var manJSCmon = location.pathname.split("/"); var local = location.protocol + '//' + location.host + "/" + manJSCmon[1] + "/" + manJSCmon[2];

balajisoundar · Accepted Answer · 2015-03-09 16:15:10Z

3

window.location.pathname;

this will return path from the url . then use split to get controller name and action name

var path=window.location.pathname;
var abc=path.split("/");
var controller=abc[0];
var action=abc[1] || "index";

edited Mar 9, 2015 at 16:15

answered Mar 9, 2015 at 16:08

balajisoundar

5712 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to get only the Controller name and action name from URL with jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related