Send Model to Controller using JQUERY AJAX Call

For ASP.NET MVC Developer, there is main problem to send model to controller using AJAX Call

Let’s send model without form post method using AJAX

Partial View

@using(Html.BeginForm(“ActionMethodName”,”ControllerName”,FormMethod.Post,new{ @id=”form1”}))
{
 // Partial View Details here
}

Jquery Method

function Insert()
{
  Var model=$(‘#form1’).serialize();
// Serialize model for Posting model 
$.ajax({
url: @Url.ActionLink(‘MethodName’,’ControllerName’,new{ Area=”AreaName”}),
type=’POST’,
data: model,  // Pass Model to Controller Using Ajax Call
success:function(data)
{
// Show Data
}
});  
}