程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET中MVC使用AJAX調用JsonResult方法並返回自定義錯誤信息

ASP.NET中MVC使用AJAX調用JsonResult方法並返回自定義錯誤信息

編輯：ASP.NET基礎

一、如何用AJAX調用JsonResult方法

比如FuckController中添加有個返回JsonResult類型的方法FuckJson()：

復制代碼代碼如下:
public JsonResult FuckJson()
{
 return new JsonResult()
 {
 Data = new List<string>() { "fuck", "shit" }, JsonRequestBehavior = JsonRequestBehavior.AllowGet
 };
}

如果我們直接在浏覽器裡調用，是可以看到結果的：

因為在浏覽器地址欄直接輸入這個地址，是一次GET請求，這就是為毛上面的代碼裡要寫JsonRequestBehavior.AllowGet。

用JQuery AJAX調用的代碼如下：

url: "/Fuck/FuckJson" 很顯然是Action的位置。data: "" 表示FuckJson()放方沒有參數。dataType: "json"是理所當然的，我們返回的就是JsonResult。

二、返回自定義錯誤消息

默認情況下，如果AJAX請求發生了錯誤。它最多只知道錯誤碼，而無法顯示具體的錯誤信息。但報錯通常是需要的，所以我們先要寫一個過濾器，作用是一旦發生exception，就給返回的json中的data屬性加一個errorMessage。並且，response的狀態不能是200，不然ajax請求會以為沒有發生錯誤。一般的服務器端錯誤代碼是500。這個過濾器函數如下：

復制代碼代碼如下:
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
 {
 errorMessage = filterContext.Exception.Message
 },
 JsonRequestBehavior = JsonRequestBehavior.AllowGet
 };
 }

 }
}

之後，我們要給FuckJson()方法加上這個“特征”（Attribute在C#中最好不要翻譯為屬性），然後故意拋個錯做測試。修改後的方法如下：

復制代碼代碼如下:
[JsonExceptionFilterAttribute]
public JsonResult FuckJson()
{
 try
 {
 throw new Exception("oh shit!");
 return new JsonResult()
 {
 Data = new List<string>() { "fuck", "shit" }, JsonRequestBehavior = JsonRequestBehavior.AllowGet
 };
 }
 catch (Exception ex)
 {
 throw ex;
 }
}

捕獲異常後，你也可以先記一下log、或是根據你自己的需要處理一下這個異常，然後再throw。

最後我們的AJAX請求代碼也得做修改，增加一個error的處理：

復制代碼代碼如下:
$.ajax({
 url: "/Fuck/FuckJson",
 data: "",
 dataType: "json",
 type: "POST",
 contentType: "application/json; charset=utf-8",
 dataFilter: function (data) {
 return data;
 },
 success: function (data) {
 alert(data);
 },
 error: function (fuckedObject) {
 try {
 var json = $.parseJSON(fuckedObject.responseText);
 alert(json.errorMessage);
 } catch(e) {
 alert('something bad happened');
 }
 }
})