Below is the form that gets posted from the view to the action method. When the onclick() event is triggered, it calls jquery.ajax and sends data (content of the first div) to the same action method. The order of execution is such that jquery.ajax runs first and then the form submission happens. How can I retrieve the value of pid (sent by jquery.ajax) when the form is submitted? Do I need to use something like Session for this purpose?
View:
<form id="newform" action="/ad/newad" method="post">
<div id="divAjax">
<p align="center" style="background: white; margin: 0cm 0cm 0pt;">Dan</p>
<p align="center" style="background: white; margin: 0cm 0cm 0pt;">
<b><span contenteditable="true"> CLICK TO CHANGE</span></b>
</p>
</div>
<div class=" content">
<input type="text" name="PName"/>
<input type="text" name="SName"/>
<input type="submit" value="Submit" id="btnSubmit" onclick="return updatePerson();" />
</div>
</form>
<script>
function updatePerson(){
$.ajax({
url : "/ad/newad",
type : "POST",
dataType : "json",
contentType : "application/json;",
data : "{ pid:'" + $("#divAjax").html() + "' }"
});
</script>
Action Method:
[HttpPost]
[ViewException]
[UserFilter(OpUserAuthType.Admin, OpUserAuthType.Normal)]
public ActionResult NewAd(string id, string pid, AdDetail model)
{
...
}