ASP.NET MVC Ajax錯誤處理

Question

當jquery ajax調用操作時，如何處理控制器中拋出的異常？

例如，我想要一個全局JavaScript代碼，它在ajax調用期間執行任何類型的服務器異常，如果在調試模式下或只是一個正常的錯誤消息，它會顯示異常消息。

在客戶端，我會調用ajax錯誤的函數。

在服務器端，我是否需要編寫自定義actionfilter？

Answer 1

如果服務器發送超過200種不同的一些狀態碼，錯誤回調執行：

$.ajax({ 
    url: '/foo', 
    success: function(result) { 
     alert('yeap'); 
    }, 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
     alert('oops, something bad happened'); 
    } 
}); 

，並註冊您可以使用$.ajaxSetup()方法的全局錯誤處理程序：

$.ajaxSetup({ 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
     alert('oops, something bad happened'); 
    } 
}); 

另一個方法是使用JSON。所以，你可以寫一個捕獲異常並將它們轉換成JSON響應服務器上的自定義操作過濾器：

public class MyErrorHandlerAttribute : FilterAttribute, IExceptionFilter 
{ 
    public void OnException(ExceptionContext filterContext) 
    { 
     filterContext.ExceptionHandled = true; 
     filterContext.Result = new JsonResult 
     { 
      Data = new { success = false, error = filterContext.Exception.ToString() }, 
      JsonRequestBehavior = JsonRequestBehavior.AllowGet 
     }; 
    } 
} 

，然後裝飾與此屬性您的控制器動作：

[MyErrorHandler] 
public ActionResult Foo(string id) 
{ 
    if (string.IsNullOrEmpty(id)) 
    { 
     throw new Exception("oh no"); 
    } 
    return Json(new { success = true }); 
} 

，最後調用它：

$.getJSON('/home/foo', { id: null }, function (result) { 
    if (!result.success) { 
     alert(result.error); 
    } else { 
     // handle the success 
    } 
}); 

Answer 2

對於來自客戶端上的Ajax調用處理錯誤，分配的功能，Ajax調用的error選項。

要全局設置默認值，可以使用此處描述的函數： http://api.jquery.com/jQuery.ajaxSetup。

Answer 3

谷歌搜索後，我寫了一個簡單的異常處理基於MVC行爲過濾器：

public class HandleExceptionAttribute : HandleErrorAttribute 
{ 
    public override void OnException(ExceptionContext filterContext) 
    { 
     if (filterContext.HttpContext.Request.IsAjaxRequest() && filterContext.Exception != null) 
     { 
      filterContext.HttpContext.Response.StatusCode = (int)HttpStatusCode.InternalServerError; 
      filterContext.Result = new JsonResult 
      { 
       JsonRequestBehavior = JsonRequestBehavior.AllowGet, 
       Data = new 
       { 
        filterContext.Exception.Message, 
        filterContext.Exception.StackTrace 
       } 
      }; 
      filterContext.ExceptionHandled = true; 
     } 
     else 
     { 
      base.OnException(filterContext); 
     } 
    } 
} 

和global.ascx寫：

public static void RegisterGlobalFilters(GlobalFilterCollection filters) 
{ 
     filters.Add(new HandleExceptionAttribute()); 
} 

，然後佈局或母版頁上寫這個劇本：

<script type="text/javascript"> 
     $(document).ajaxError(function (e, jqxhr, settings, exception) { 
         e.stopPropagation(); 
         if (jqxhr != null) 
          alert(jqxhr.responseText); 
        }); 
</script> 

最後，你應該打開自定義錯誤。 ，然後享受它:)

Answer 4

我做了一個快速的解決方案，因爲我時間不夠，它運作良好。雖然我認爲更好的選擇是使用異常過濾器，也許我的解決方案可以在需要簡單解決方案的情況下提供幫助。

我做了以下事情。在控制器方法我返回JsonResult與裏面的數據屬性「成功」：

[HttpPut] 
    public JsonResult UpdateEmployeeConfig(EmployeConfig employeToSave) 
    { 
     if (!ModelState.IsValid) 
     { 
      return new JsonResult 
      { 
       Data = new { ErrorMessage = "Model is not valid", Success = false }, 
       ContentEncoding = System.Text.Encoding.UTF8, 
       JsonRequestBehavior = JsonRequestBehavior.DenyGet 
      }; 
     } 
     try 
     { 
      MyDbContext db = new MyDbContext(); 

      db.Entry(employeToSave).State = EntityState.Modified; 
      db.SaveChanges(); 

      DTO.EmployeConfig user = (DTO.EmployeConfig)Session["EmployeLoggin"]; 

      if (employeToSave.Id == user.Id) 
      { 
       user.Company = employeToSave.Company; 
       user.Language = employeToSave.Language; 
       user.Money = employeToSave.Money; 
       user.CostCenter = employeToSave.CostCenter; 

       Session["EmployeLoggin"] = user; 
      } 
     } 
     catch (Exception ex) 
     { 
      return new JsonResult 
      { 
       Data = new { ErrorMessage = ex.Message, Success = false }, 
       ContentEncoding = System.Text.Encoding.UTF8, 
       JsonRequestBehavior = JsonRequestBehavior.DenyGet 
      }; 
     } 

     return new JsonResult() { Data = new { Success = true }, }; 
    } 

在Ajax調用我剛纔問該物業後來知道，如果我有一個例外：

$.ajax({ 
    url: 'UpdateEmployeeConfig', 
    type: 'PUT', 
    data: JSON.stringify(EmployeConfig), 
    contentType: "application/json;charset=utf-8", 
    success: function (data) { 
     if (data.Success) { 
      //This is for the example. Please do something prettier for the user, :) 
      alert('All was really ok');           
     } 
     else { 
      alert('Oups.. we had errors: ' + data.ErrorMessage); 
     } 
    }, 
    error: function (request, status, error) { 
     alert('oh, errors here. The call to the server is not working.') 
    } 
}); 

希望這有助於。快樂的代碼！ ：P

Answer 5

不幸的是，這兩個答案都不適合我。令人驚訝的是，解決方案要簡單得多。從控制器返回：

return new HttpStatusCodeResult(HttpStatusCode.BadRequest, e.Response.ReasonPhrase); 

和處理它作爲客戶端的標準HTTP錯誤，只要你喜歡。

Answer 6

與aleho的回答一致，這裏有一個完整的例子。它像一個魅力，超級簡單。

控制器代碼

[HttpGet] 
public async Task<ActionResult> ChildItems() 
{ 
    var client = TranslationDataHttpClient.GetClient(); 
    HttpResponseMessage response = await client.GetAsync("childItems); 

    if (response.IsSuccessStatusCode) 
     { 
      string content = response.Content.ReadAsStringAsync().Result; 
      List<WorkflowItem> parameters = JsonConvert.DeserializeObject<List<WorkflowItem>>(content); 
      return Json(content, JsonRequestBehavior.AllowGet); 
     } 
     else 
     { 
      return new HttpStatusCodeResult(response.StatusCode, response.ReasonPhrase); 
     } 
    } 
} 

Javascript代碼視圖

var url = '@Html.Raw(@Url.Action("ChildItems", "WorkflowItemModal")'; 

$.ajax({ 
    type: "GET", 
    dataType: "json", 
    url: url, 
    contentType: "application/json; charset=utf-8", 
    success: function (data) { 
     // Do something with the returned data 
    }, 
    error: function (xhr, status, error) { 
     // Handle the error. 
    } 
}); 

希望這可以幫助其他人！