title: ViewModel object is null when using .ajax to post from View to Controller
body: <p>Getting Null Value of ViewModel obj in Post Action Parameter when using $.Ajax Post</p>
  
  <p><strong>View</strong></p>
  
  <pre><code>        @using (Ajax.BeginForm("", "", Model, new AjaxOptions() { HttpMethod = "POST" }, new { enctype = "multipart/form-data", id="AreaForm" }))
          {      
  
              @Html.AntiForgeryToken()
              @Html.ValidationSummary(true)
  
              &lt;fieldset&gt;
                  &lt;legend&gt;Areabalmodel&lt;/legend&gt;
  
                  &lt;div class="editor-label"&gt;
                      @Html.LabelFor(model =&gt; model.project.project_ID)
                  &lt;/div&gt;
                  &lt;div class="editor-label"&gt;
                      @Html.DisplayFor(model =&gt; model.project.project_ID)
                      @Html.HiddenFor(model =&gt; model.project.project_ID)
                  &lt;/div&gt;
                  &lt;div class="editor-label"&gt;
                      @Html.LabelFor(model =&gt; model.areabal.AreaDesc)
                  &lt;/div&gt;
                  &lt;div class="editor-field"&gt;
                      @Html.EditorFor(model =&gt; model.areabal.AreaDesc)
                      @Html.ValidationMessageFor(model =&gt; model.areabal.AreaDesc)
                  &lt;/div&gt;
  
                  &lt;div class="editor-label"&gt;
                      @Html.LabelFor(model =&gt; model.areabal.Location)
                  &lt;/div&gt;
  
  
  
                  &lt;div class="editor-field"&gt;
  
                      @Html.TextBoxFor(model =&gt; model.files, new { Name = "files", type = "file", id = "files", onchange = "PreviewImage();" })
  
                  &lt;/div&gt;
  
                  &lt;p&gt;
                      @*&lt;input type="submit" value="Updated" /&gt;*@
                      &lt;input type="button" id="UpdateArea" value="Update" /&gt;
                  &lt;/p&gt;
  
              &lt;/fieldset&gt;        
  
  
  
          }
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function () {
  
   $("#UpdateArea").click(function () {
              UpdateAreaFunction();
  
  
          });
  
          function UpdateAreaFunction() {
  
              if ($("#AreaDesc").val() == '') {
                  alert('IF');
  
                  //$("#CostFieldName_span").html("Name is required");
  
              }
              else {
  
                  var dataToSend = {
                      areabal: {
                          Area_ID: 1,
                          Project_ID: 1,
                          AreaDesc : "dsdsds"
                      }
  
                  };
  
  
                  var formdata1 = $('#AreaForm').serialize();
  
                  //alert(formdata1);
                  console.log(formdata1);
  
                  $.ajax({
                      url: '@Url.Action("UpdateArea_POST", "Builder")',
                      type: 'POST',
                      dataType: 'json',
                      //data: $.toDictionary(dataToSend),
                      data: JSON.stringify(dataToSend),
                      mimeType: "multipart/form-data",
                      contentType: false,
                      cache: false,
                      processData: false,
                      success: function (result) {
                          alert(result);
  
  
  
  
                      }
                  });
              }
  
          }
  
  
  
  
  
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Controller's ActionMethod</strong></p>
  
  <pre><code>[HttpPost]
          public string UpdateArea_POST(Createviewmodel Crv)
          {
              //Getting Null Values of all crv
  
              return "done";
  
          }
  </code></pre>
  
  <p>could help me to see the error ? </p>