Use JavaScript variable as route argument

Question

I try to add $(this).prev("input").val() in my id argument for an API route, but I don't know how to stop the C# part , I thought about <text></text> or @: but doesn't work like this.

Anyone has a trick ? (thought about writting the URL instead of using the RouteURL function but I don't think it's a good way to program)

$.ajax({
   url: '@Url.RouteUrl("IsTranslated", new { id = <text>$(this).prev("input").val()</text> }, new {[email protected] })

 // [...]
})

You can't mix razor, asp tags, and JavaScript like this. They run at completely different times. — evolutionxbox
– evolutionxbox, Commented Jun 1, 2017 at 8:08

Tieson T. · Accepted Answer · 2017-06-01 08:14:13Z

3

You can't inject a JavaScript value like that (remember, the Razor code is evaluated server-side). What you can do is use your helper to build a "template" string, and replace the id value:

var template = '@Url.RouteUrl("IsTranslated", new { id = 0 }, new { [email protected] })';

var id = $(this).prev("input").val();

var url = template.replace('id=0', 'id='+id);

$.ajax({
   url: url
   // [...]
})

This assumes, of course, that a querystring value is generated by the helper. If not, this might work:

var template = '@Url.RouteUrl("IsTranslated", new {}, new { [email protected] })';

var id = $(this).prev("input").val();

var url = template.replace('IsTranslated', 'IsTranslated?id='+id);

$.ajax({
   url: url
   // [...]
})

edited Jun 1, 2017 at 8:14

answered Jun 1, 2017 at 8:11

Tieson T.

21.2k6 gold badges82 silver badges99 bronze badges

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

Collectives™ on Stack Overflow

Use JavaScript variable as route argument

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related