Embedding javascript variables within MVC razor syntax

Question

I am using ajax to fill a series of dropdown list in an MVC 3 razor environment and am trying to create a general function to do this. The core bit of the function I am having problems with is

url: '@Url.Action("SecondaryList")'

where I want to replace "SecondaryList" with a JavaScript variable.

So

var myUrl = 'SecondaryList'
url: '@Url.Action(' + myUrl + ')'

I have no idea how to do it as the above does not work!

Many thanks in advance!

Darin Dimitrov · Accepted Answer · 2012-08-08 17:45:29Z

3

You could use the .replace() javascript function. Start by declaring a javascript variable

var myUrl = 'SomeAction';

and then use a dummy placeholder with the server side Url.Action helper that you could replace with the javascript variable:

url: '@Url.Action("__url__")'.replace('__url__', myUrl)

answered Aug 8, 2012 at 17:45

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

1 Comment

Peter Smith Over a year ago

Excellent answer - simple, elegant and 100% effective. (Also, obvious to me once seen). Many thanks.

Collectives™ on Stack Overflow

Embedding javascript variables within MVC razor syntax

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related