Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can I return custom error from JsonResult to jQuery ajax error method?

How can I pass custom error information from an ASP.NET MVC3 JsonResult method to the error (or success or complete, if need be) function of jQuery.ajax()? Ideally I'd like to be able to:

  • Still throw the error on the server (this is used for logging)
  • Retrieve custom information about the error on the client

Here is a basic version of my code:

Controller JsonResult method

public JsonResult DoStuff(string argString) {     string errorInfo = "";      try     {         DoOtherStuff(argString);     }     catch(Exception e)     {         errorInfo = "Failed to call DoOtherStuff()";         //Edit HTTP Response here to include 'errorInfo' ?         throw e;     }      return Json(true); } 

JavaScript

$.ajax({     type: "POST",     url: "../MyController/DoStuff",     data: {argString: "arg string"},     dataType: "json",     traditional: true,     success: function(data, statusCode, xhr){         if (data === true)             //Success handling         else             //Error handling here? But error still needs to be thrown on server...     },     error: function(xhr, errorType, exception) {         //Here 'exception' is 'Internal Server Error'         //Haven't had luck editing the Response on the server to pass something here     } }); 

Things I've tried (that didn't work out):

  • Returning error info from catch block
    • This works, but the exception can't be thrown
  • Editing HTTP response in catch block
    • Then inspected xhr in the jQuery error handler
    • xhr.getResponseHeader(), etc. contained the default ASP.NET error page, but none of my information
    • I think this may be possible, but I just did it wrong?
like image 443
Drew Gaynor Avatar asked Feb 15 '12 17:02

Drew Gaynor


People also ask

How do you handle errors in AJAX call?

The best way to bubble that error from the server side (using php) to the client side is to send a header through the Ajax request somewhere in the 400's (which is always associated with errors). Once the Ajax request receives this it will trigger your error function.

What type of object does AJAX return?

ajax() function returns the XMLHttpRequest object that it creates. Normally jQuery handles the creation of this object internally, but a custom function for manufacturing one can be specified using the xhr option.

How do I respond to AJAX JSON?

Approach: To solve this problem, we will first consider a JSON file named “capitals. json” and try to get this JSON data as a response using AJAX. Then we will create an HTML file “capitals. html” which contains a table which we will use to populate the data we are getting in response.


2 Answers

You could write a custom error filter:

public class JsonExceptionFilterAttribute : FilterAttribute, IExceptionFilter {     public void OnException(ExceptionContext filterContext)     {         if (filterContext.RequestContext.HttpContext.Request.IsAjaxRequest())         {             filterContext.HttpContext.Response.StatusCode = 500;             filterContext.ExceptionHandled = true;             filterContext.Result = new JsonResult             {                 Data = new                 {                     // obviously here you could include whatever information you want about the exception                     // for example if you have some custom exceptions you could test                     // the type of the actual exception and extract additional data                     // For the sake of simplicity let's suppose that we want to                     // send only the exception message to the client                     errorMessage = filterContext.Exception.Message                 },                 JsonRequestBehavior = JsonRequestBehavior.AllowGet             };         }     } } 

and then register it either as a global filter or only apply to particular controllers/actions that you intend to invoke with AJAX.

And on the client:

$.ajax({     type: "POST",     url: "@Url.Action("DoStuff", "My")",     data: { argString: "arg string" },     dataType: "json",     traditional: true,     success: function(data) {         //Success handling     },     error: function(xhr) {         try {             // a try/catch is recommended as the error handler             // could occur in many events and there might not be             // a JSON response from the server             var json = $.parseJSON(xhr.responseText);             alert(json.errorMessage);         } catch(e) {              alert('something bad happened');         }     } }); 

Obviously you could be quickly bored to write repetitive error handling code for each AJAX request so it would be better to write it once for all AJAX requests on your page:

$(document).ajaxError(function (evt, xhr) {     try {         var json = $.parseJSON(xhr.responseText);         alert(json.errorMessage);     } catch (e) {          alert('something bad happened');     } }); 

and then:

$.ajax({     type: "POST",     url: "@Url.Action("DoStuff", "My")",     data: { argString: "arg string" },     dataType: "json",     traditional: true,     success: function(data) {         //Success handling     } }); 

Another possibility is to adapt a global exception handler I presented so that inside the ErrorController you check if it was an AJAX request and simply return the exception details as JSON.

like image 50
Darin Dimitrov Avatar answered Oct 26 '22 17:10

Darin Dimitrov


The advice above wouldn't work on IIS for remote clients. They will receive a standard error page like 500.htm instead of a response with a message. You have to use customError mode in web.config, or add

<system.webServer>         <httpErrors existingResponse="PassThrough" />     </system.webServer> 

or

"You can also go into IIS manager --> Error Pages then click on the right on "Edit feature settings..." And set the option to "Detailed errors" then it will be your application that process the error and not IIS."

like image 27
Artem G Avatar answered Oct 26 '22 16:10

Artem G