I have the below code inside a Jquery function

$.each(array, function (index, value) {
                var id1 = value.match(/\d /);
                $("#linksList").append("<li>"   value   "<a href='@Url.ActionLink("Details", "Jira", new { id ="${id1}" })'>"   value   "</a>"   "</li>");
            });

But I am not able to pass the parameter Id . I am getting random values assigned for Id as below . What am I doing wrong .

<a href="/Jira/Details/+id1+"> jira_subtask_link 41102</a>

CodePudding user response：

This is not possible to mix because Razor exists server side while jquery is client side

Templating engines inject your C# code into the HTML/CSS/Js prior to its run. As such ASP .NET cannot render such a variable intelligible when it is ready to compile to client side source code, as that var's life cycle is client side/while the app is running. Its a compile time vs run time discrepancy

I think you may be better off

1. Saving that javascript variable to something you can send back to the controller
2. At the controller level, putting it into a model that can be passed to the view
3. Rendering the action link with that id as a variable coming from the view's model, and not from jQuery

I know it sounds a bit weird, but this is how server and client side code interact in templating engines

Additionally, a hacky approach may be to insert a "dummy" id string, and then using jQuery to replace that dummy text with your intended, actual id value

CodePudding user response：

razor code is compiled at server side and transformed in html, the client cannot understand razor syntax so if you want to have the same result from the client you have to use javascipt

CodePudding user response：

This way it worked for me

 $("#linksList").append("<li>"   ""   "<a href='/JIra/Details/"   id   "'>"   value   "</a>"   "</li>");