How to get routevalues from URL with htmlhelpers or JavaScript?

Question

I have this MVC MapRoute

routes.MapRoute(
    name: "Authenticated",
    url: "{controller}/{action}/{foo}/{bar}",
    defaults: new { controller = "Home", action = "WelcomePage", Foo = "0", Bar = "0" }
);

And URL

http://localhost/mysite/controller/action/2/1

How can I with JavaScript recieve the 2 and 1? I would prefer a solution with as little substring work as possible, because that would easially lead to alot of errors I think.

Note the URL might end with ?filter=xx sometimes, if it matters.

I have tryed

var foo= ViewContext.RouteData.Values["foo"];
var bar= ViewContext.RouteData.Values["bar"];

alert('foo: ' + foo);
alert('bar: ' + bar);

Result: e: ReferenceError: ViewContext is not defined

Oh it's razor i forgot the @{ }

radbyx
– radbyx

2015-06-17 19:43:16 +00:00
Commented Jun 17, 2015 at 19:43 — radbyx
– radbyx, Commented Jun 17, 2015 at 19:43

Claudio Redi · Accepted Answer · 2015-06-17 20:06:26Z

2

To write server side code to be processed by razor engine, you have to prepend your statement with @. That will only work if that Javascript is embedded on the view.

You can also do it with Javascript. Something like this should do the trick

var urlParts = location.href.split('/');
var foo = urlParts[6];
var bar = urlParts[7];

edited Jun 17, 2015 at 20:06

answered Jun 17, 2015 at 19:45

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

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

8 Comments

Scott Selby Over a year ago

splitting the string is going to by far be the fastest , I don't see a problem with readability there at all

radbyx Over a year ago

I will try, looks fine at first glanse. Only worry would be if 6 and 7 would change

radbyx Over a year ago

Do you know how I can fix this? e: TypeError: location.split is not a function

radbyx Over a year ago

Use "window.location.href" instead of "location"?

Claudio Redi Over a year ago

Fixed the mistake, please use location.href

|

Collectives™ on Stack Overflow

How to get routevalues from URL with htmlhelpers or JavaScript?

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related