Pass a value of textbox from view to controller through hyperlink in MVC ASP.NET

Question

In View-

<input type="text" hidden="hidden" id= "nameString" name="nameString" value="xyz" />
@Html.ActionLink("Save", "HomePage", "ControllerName", new { nameString = "/* Value from above input here.*/" })

In this case I want to pass "xyz" through this hyperlink.

Can't use Get or POST methods to pass this value.

This HomePage view is not the current ActionLink view either, so can't grab the value in Controller using Request.Form["nameString"];

I tried JQuery like following but its not working-

var nameVar = document.getElementById('nameString').value;
$.ajax({
                type: 'GET',
                url: "@Url.Action("HomePage", "ControllerName")",
                data: { nameString : nameVar }                   
            });

I checked in debugger and saw that Controller is actually getting value and processing it but nothing is coming on browser. I am not sure how ajax works.

the only way to put a value from the view into a link is by creating the url with jquery and redirecting. If you want to do an ajax call instead it sounds like everything works. nothing coming to the browser would be what you pass from the controller and what you set up in the success part of the ajax call — Matt Bodily
– Matt Bodily, Commented Jan 27, 2015 at 22:28
I am new to JQuery, Can you please show some code snippet to creating the url with jquery and redirecting to HomePage. Thank you. — Manish0890
– Manish0890, Commented Jan 27, 2015 at 22:40

Matt Bodily · Accepted Answer · 2015-01-27 22:47:00Z

1

since the redirect will happen in jquery you don't need a helper

<input type="button" class="btnRedirect" value="Click Here" />

then in your script

$('.btnRedirect').on('click', function(){
    var url = '@Url.Action("HomePage", "ControllerName", new { textValue = "----" })'.replace("----", $('#nameString').val());
    window.location = url;
});

answered Jan 27, 2015 at 22:47

Matt Bodily

6,4134 gold badges32 silver badges51 bronze badges

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

Comments

Rajdeep Dosanjh · Accepted Answer · 2015-01-27 22:42:35Z

0

This is how it would be done with ajax although this will not handle returning a page.

var name = $("#nameString").value;
$.get("/ControllerName/HomePage",{ nameString : nameVar })
           .done(function(){
                 window.location.assign("/ControllerName/HomePage");
                 });

edited Jan 27, 2015 at 22:42

answered Jan 27, 2015 at 22:30

Rajdeep Dosanjh

1,1971 gold badge9 silver badges20 bronze badges

2 Comments

Manish0890 Over a year ago

Yes Rajdeep, it's not handling a returning page. But I don't want it to handle it either. I just want it to redirect to HomePage, where I have written the logic to deal with the data. Can you please suggest how to redirect to that HomePage. I want it to function like simple hyperlink. Thanks.

Manish0890 Over a year ago

There is a little bit problem somewhere in the call. Its calling controller 2 times. First call, it passes correct value in nameString. But in second call, controller is receiving null value. Thanks for the help and code snippet. We got the solution for original problem.

Collectives™ on Stack Overflow

Pass a value of textbox from view to controller through hyperlink in MVC ASP.NET

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related