ASP.NET MVC 3 Razor: How to get Action URL in a Javascript string variable?

Question

@(Html.ActionLink("Link Label", 
    "ActionMethodName", 
    "ControllerName", 
    null, // parameter object, then html object
    null))

produces

<a href="/ControllerName/ActionMethodName/">Link Label</a>

If I want to reference the /ControllerName/ActionMethodName/id in a JavaScript template for the Edit or New link, how would I assign that to a JavaScript variable?

attempt:

<script type="text/javascript">
    var actionUrl = '@(Html.ActionLink("","ActionMethodName",
                                       "ControllerName",null,null))';
</script>

but at that point, I would have to use Javascript to remove the unwanted <a href... characters in the string.

Justin Soliz · Accepted Answer · 2011-05-23 05:10:09Z

46

@Url.Action("ActionMethodName", "ControllerName") will generate a path.

answered May 23, 2011 at 5:10

Justin Soliz

2,8014 gold badges26 silver badges33 bronze badges

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

1 Comment

usefulBee Over a year ago

What if there is a parameter/data object?

Darin Dimitrov · Accepted Answer · 2011-05-23 06:20:31Z

12

<script type="text/javascript">
    var actionUrl = @Html.Raw(Json.Encode(Url.Action("ActionMethodName", "ControllerName")));
</script>

or if you already have this actionLink somewhere inside the page you could use it directly:

var actionUrl = $('#mylink').attr('href');

Just ensure to provide a unique id in order to simplify the selection:

@(Html.ActionLink(
    "Link Label", 
    "ActionMethodName", 
    "ControllerName", 
    null,
    new { id = "mylink" })
)

answered May 23, 2011 at 6:20

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC 3 Razor: How to get Action URL in a Javascript string variable?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related