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, May 02 '13 at 15:32
I guess I shouldn't be using url.action and use an explicit url path. — duyn9uyen, May 02 '13 at 15:42

score 1 · Accepted Answer · answered May 02 '13 at 15:55

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 02 '13 at 15:55

scott-pascoe

1,463
1
13
31

I really like that approach. Thanks! – duyn9uyen May 02 '13 at 19:17
You are welcome. The best way to show appreciate on SO is to accept answers and vote up when you are able. – scott-pascoe May 02 '13 at 19:21
1

@duyn9uyen: The better way to do this is a `data-*` attribute. (especially since IDs must be unique) – SLaks May 02 '13 at 20:15

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

1 Answers1