generating link using Url.Action with jquery href attr

Question

I'm trying to generate a link using following

$(this).parent().attr('href', '@Url.Action("Create", "Home"' + '?clientId=' + clientId + '&clientName=' + clientName);

somewhere I read that I need to isolate this Url.Action with controller and action into variable so I tried with this

var a = '@Url.Action("Create", "Home"';
$(this).parent().attr('href', a + '?clientId=' + clientId + '&clientName=' + clientName);

But this still doesn't work. In browser I'm getting

http://localhost:1328/Home/Index2/@Url.Action%28%22Create%22,%20%22Home%22?clientId=181&clientName=undefined

That would mean that you script is in an external file - Razor code is not parsed n external files. You would need to create the base url in the main view (either a global variable or pass its value to your function) — user3559349
– user3559349, Commented Mar 17, 2016 at 7:49

Jai · Accepted Answer · 2016-03-17 07:55:50Z

2

Another option is to store the url with data-* attributes and access them. In the View you can add the below attribute:

data-url='@Url.Action("Create", "Home")'

Now you can access this in the script with:

var base = $(this).data('url');
$(this).parent().attr('href', base + '?clientId='+ clientId +'&clientName=' + clientName);

answered Mar 17, 2016 at 7:55

Jai

74.8k12 gold badges77 silver badges104 bronze badges

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

Comments

teo van kot · Accepted Answer · 2016-03-17 07:49:41Z

1

Your script should be on Razor page in order to make @Url.Action helper work.

When you place it there this should work:

//this line should generate /Home/Create string
var urlNoParam = '@Url.Action("Create", "Home")';
//and here you just add params as you want
$(this).parent().attr('href', urlNoParam  + '?clientId=' + clientId + '&clientName=' + clientName);

answered Mar 17, 2016 at 7:49

teo van kot

12.5k10 gold badges41 silver badges73 bronze badges

Collectives™ on Stack Overflow

generating link using Url.Action with jquery href attr

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related