title: Issues with large POST request
body: <p>I'm having a bug in an AJAX request that only happens with large JSON objects.</p>
  
  <p>I'm using the JSON object of a canvas that has drawings on it (rectangles, lines, freedraw, etc).  When the user is done and wants to save it for later they save it and go about other business.  I'm having an issue when the drawing is exceptionally large that either the POST won't hit the controller method.</p>
  
  <p>I've added multiple config settings to my web.config including:</p>
  
  <pre><code>&lt;system.web.extensions&gt;
    &lt;scripting&gt;
      &lt;webServices&gt;
        &lt;jsonSerialization maxJsonLength="86753090" /&gt;
      &lt;/webServices&gt;
    &lt;/scripting&gt;
  &lt;/system.web.extensions&gt;
  &lt;security&gt;
    &lt;requestFiltering&gt;
      &lt;requestLimits maxAllowedContentLength="1073741824" /&gt;
    &lt;/requestFiltering&gt;
  &lt;/security&gt;
  &lt;httpRuntime maxRequestLength="1048576"/&gt;
  </code></pre>
  
  <p>All of which have no solved the problem; the code for the request is as follows.</p>
  
  <pre><code>$('#submitSketch').click(function () {
                  var jsonString = JSON.stringify(lc.getSnapshot());
                  $.ajax({
                      type: "POST",
                      url: "@Url.Action("SaveSketch")",
                      dataType: "json",
                      contentType: "application/json; charset=utf-8",
                      data: JSON.stringify({ id: $("#currLevelId").val(), jsonString: jsonString })
                  })
                  .done(function (data) {
                      alert("Saved");
                  })
                  .fail(function (XMLHttpRequest, textStatus, error) {
                      alert("Unable to save!");
                  });
              });
  </code></pre>
  
  <p>The Header of the method is:</p>
  
  <pre><code>[HttpPost]
  public ActionResult SaveSketch(int id, string jsonString)
  </code></pre>
  
  <p>Any help would be appreciated.
  Just a 500  </p>
  
  <p>POST <a href="http://localhost:59394/Job/SaveSketch" rel="nofollow">http://localhost:59394/Job/SaveSketch</a><br>
  500 (Internal Server Error)send @ jquery-1.9.1.js:8526<br>
  jQuery.extend.ajax @ jquery-1.9.1.js:7978<br>
  (anonymous function) @ 70:147<br>
  jQuery.event.dispatch @ jquery-1.9.1.js:3074<br>
  elemData.handle @ jquery-1.9.1.js:2750  </p>