Sailing Judo Sailing Judo - 1 year ago 71
jQuery Question

How can I set the contentType of a jQuery ajax post so that ASP.NET MVC can read it?

I have some jQuery that looks like this:

type: "POST",
url: "/Customer/CancelSubscription/<%= Model.Customer.Id %>",
contentType: "application/json",
success: refreshTransactions,
error: function(xhr, ajaxOptions, thrownError) {
alert("Failed to cancel subscription! Message:" + xhr.statusText);

If the action being called causes an exception it will ultimately get picked up by the Global.asax Application_Error where I have some code like this:

var ex = Server.GetLastError();
if (Request.ContentType.Contains("application/json"))
Response.StatusCode = 500;
Response.StatusDescription = ex.Message;
Response.TrySkipIisCustomErrors = true;
// some other way of handling errors ...

When I execute the script that does the post the Request.ContentType is always an empty string and therefore does not hit the first if block. Is there some other value that I should be putting in the ajax "contentType"? Or is there another way for me to tell that the content type should be "application/json"?


The goal I am trying to achieve is to pass the exception message back to the ajax error event. Currently, even though the IF block is being bypassed, the error event correctly throws an alert box but the message is "Not Found".

As you can see I am trying to set the exeception message to the Response.StatusDescription which I believe the xhr.statusText in the ajax error is set to.

Answer Source

Accordiing to this article: "jQuery does not properly set the specified content-type when there is no data included. "

  type: "POST",
  contentType: "application/json; charset=utf-8",
  url: "WebService.asmx/WebMethodName",
  data: "{}",
  dataType: "json"