adding javascript variable to actionlink

Question

I have AJAX request that looks like this:

jsonData = JSON.stringify({stuff: stuff});
        $.ajax({
            url: '<%=Url.Action("myMethod", "myController") %>',
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            data: jsonData,
            success: function (data) {
            $("#myDiv").append('<span><%=Html.ActionLink("Details", "myMethod", new {id      = data.id })%></span>');
         }
)};

EDIT! I am trying to append this Actionlink to a div on "success". I somehow forgot the $("#myDiv").append() code during my initial post.

In the new {id = data.id } section, I'd like to use the data.id (a javascript variable) in this actionlink.

I keep getting errors saying either data is not defined, or too many characters in literal, etc..

Has anyone successfully done this before?

karaxuna · Accepted Answer · 2012-11-10 18:47:03Z

2

'<span><a href="<%=Url.Action("Details", "myMethod")%>?id=' + data.id + '"></a></span>'

answered Nov 10, 2012 at 18:47

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

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

1 Comment

Gabriele Petrioli Over a year ago

id might be a required route parameter, and if so the Url.Action will fail without it..

Rikki · Accepted Answer · 2012-11-10 19:01:30Z

2

Sir I think you confused between server side (<%) tags and cliend side execution context. "data" is a variable defined in the client side and everything between those server side tags will be processed on the server. There is no variable in your page named "data"! cause you want to use it in the server and it's between server side (<% %>) tags.

In the client your script would be something like the code below:

jsonData = JSON.stringify({stuff: stuff});
        $.ajax({
            url: 'THE_PROCESSED_RESULT_OF_SERVER_TAG_GOES_HERE',
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            data: jsonData,
            success: function (data) {
    '<span>THE_PROCESSED_RESULT_OF_SERVER_TAG_GOES_HERE</span>'
         }
)};

Check the file contents with developer tools (or any other things), you will see what is actually happening in the client.

UPDATE

Again! you can't do such a thing as I already mentioned. There is a difference between server side code and client side code. No matter how you want to access the variable named "data". It does not defined in the server side code. It's the parameter of success function which will be executed in the client side execution context.

Hope it helps Cheers

edited Nov 10, 2012 at 19:01

answered Nov 10, 2012 at 17:31

Rikki

3,5681 gold badge25 silver badges34 bronze badges

6 Comments

mplungjan Over a year ago

Also dumping a span tag in the succes function does not do anything eitehr

Rikki Over a year ago

@mplungjan Thank you for mentioning that. Yeah, absolutly right.

Jeff Over a year ago

I'm sorry, Take a look at the post again. I'm trying to append the actionresult link to a div on success. My fault. The first post omitted the append code.

Rikki Over a year ago

Again it makes no difference. See the updated answer. Hope it helps. And also see the answer of @karaxuna. I think it is what you are looking for. Cheers

mplungjan Over a year ago

So you would need to append to something

|

Gabriele Petrioli · Accepted Answer · 2012-11-11 11:34:11Z

1

You cannot directly do it, since one part of the code is run at the server (the Url.Action part) and the data.id is only available once the code reaches the client browser..

But you could do a trick to it like set the id from server to have a dummy unique value, and replace it with javascript..

$("#myDiv")
   .append('<span><%=Html.ActionLink("Details", "myMethod", new {id = "-dummy-"})%></span>'.replace('-dummy-',data.id));

answered Nov 11, 2012 at 11:34

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

Collectives™ on Stack Overflow

adding javascript variable to actionlink

3 Answers 3

1 Comment

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related