Passing hidden value to controller (asp.netmvc) - ajax

Question

Trying to pass a value with Ajax.Beginform but not working for some reason.
What I’m doing:
I’m making an ajax call which returns an id and replaces a hidden element.
Ajax: Ajax.BeginForm("Action1", "Controller1", new AjaxOptions { InsertionMode
= InsertionMode.Replace, UpdateTargetId = "pageId" })
Hidden Element (which is outside of the above Ajax.BeginForm):
<input type="hidden" name="pageId" id="pageId" value=""/>
Now, I want to use that pageId (in the hidden value) and pass it to another action, using another Ajax.BeginForm.
Ajax.BeginForm("Action2", "Controller1”))
{
<input type="hidden" name="pageId" id="pageId" value=""/>
<input type="submit" />
}
The controller Action2 looks like this:
public void Action2(string pageId)
{
}
But this is not working obviously. What are your suggestions?

Answer 1

I think that i understand your problem what you are facing. Please correct me if i am wrong.
First Ajax call which will set your pageid
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
#using (Ajax.BeginForm("Foo", "FooController", new AjaxOptions {
HttpMethod = "Post",
OnSuccess = "success"
}))
{
<input type="submit" value="Save" id="btnsubmit" />
}
[HttpPost] // you said you return a string here
public string Foo()
{
return "1";
}
<script type="text/javascript">
function success(result) {
$('#pageId').val(result);
}
</script>
secondly here is the place where your pageid will be set. when you will press the submit button below the set value will be posted to the controller.
#using (Ajax.BeginForm("Foo1", "FooController", new AjaxOptions { OnSuccess = "HandlePostback" }))
{
<input type="hidden" name="pageId" id="pageId" />
<input type="submit" value="Save" id="btnsubmit" />
}
[HttpPost]
public ActionResult Foo1(int pageId)
{
return View();
}