How to use a javascript variable in url.action with ASP.NET MVC WebForms view engine

Question

I want to redirect the user to a url in a javascript function.

editClick: function () {
            var myid = 1;
            location.href = '<%= Url.Action("ActionName", "ControllerName", new { id = myid})%>';

        };

But 'myId' does not exist in the current context. How do I use a js variable in Url.Action?

That doesn't make sense. You cannot mix server- and client- side code. — SLaks
– SLaks, Commented May 2, 2013 at 15:32
I guess I shouldn't be using url.action and use an explicit url path. — duyn9uyen
– duyn9uyen, Commented May 2, 2013 at 15:42

scott-pascoe · Accepted Answer · 2013-05-02 15:55:45Z

1

An approach that I've taken in the past is to generate the link in the view like so:

<div class='clickmaster'>
  <div class='clicker' id='@Url.Action("ActionName", "ControllerName", new { id = Model.Id })'>
    Show Something Here
  </div>
  <div class='clicker' id='@Url.Action("ActionName", "ControllerName", new { id = Model.Id })'>
     Show Something Here
  </div>
</div>

Then in the javascript I defined a function like this:

$(function() {
   $('.clickmaster').on('click', '.clicker' , function() { location.href = this.id; })
});

answered May 2, 2013 at 15:55

scott-pascoe

1,4911 gold badge16 silver badges32 bronze badges

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

3 Comments

duyn9uyen Over a year ago

I really like that approach. Thanks!

scott-pascoe Over a year ago

You are welcome. The best way to show appreciate on SO is to accept answers and vote up when you are able.

SLaks Over a year ago

@duyn9uyen: The better way to do this is a data-* attribute. (especially since IDs must be unique)

Collectives™ on Stack Overflow

How to use a javascript variable in url.action with ASP.NET MVC WebForms view engine

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related