title: render page with model after ajax post
body: <p>Is it possible to make an ajax post request, and in the controller return a model, after which the page is rendered with that model? To illustrate what I mean, say we have a simple ajax post:</p>
  
  <pre><code>$.ajax({
      url: "/Home/PostReq",
      data: JSON.stringify(data),
      type: "POST",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      dataType: "html",
      cache: false,
      async: true,
      error: function (jqXHR, error, errorThrown) {
          //display error
      }
  })
  </code></pre>
  
  <p>And in the Home Controller I have:</p>
  
  <pre><code>[HttpPost]
  public ActionResult PostReq(MyModel model)
  { 
      //do some changes to model
      //render view with new model
      return View(model);
  }
  </code></pre>
  
  <p>How do I achieve this? At the moment, this does nothing, the page doesn't refresh or re-render itself. Is it possible to do this from an ajax request?</p>
  
  <p>The reason I am using ajax but not using a model to bind the form data is because it's dynamic and as I understand I cannot dynamically bind form data to the model.</p>