ASP.NET MVC Ajax Xử lý lỗi

Làm cách nào để xử lý các ngoại lệ được đưa ra trong bộ điều khiển khi jquery ajax gọi một hành động?

Ví dụ: tôi muốn một mã javascript toàn cục được thực thi trên bất kỳ loại ngoại lệ máy chủ nào trong khi gọi ajax sẽ hiển thị thông báo ngoại lệ nếu ở chế độ gỡ lỗi hoặc chỉ là thông báo lỗi bình thường.

Về phía máy khách, tôi sẽ gọi một hàm về lỗi ajax.

Ở phía máy chủ, Tôi có cần viết một bộ lọc hành động tùy chỉnh không?

Nếu máy chủ gửi một số mã trạng thái khác với 200, thì lệnh gọi lại lỗi sẽ được thực thi:

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

và để đăng ký một trình xử lý lỗi chung, bạn có thể sử dụng $.ajaxSetup()phương pháp:

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

Một cách khác là sử dụng JSON. Vì vậy, bạn có thể viết một bộ lọc hành động tùy chỉnh trên máy chủ để bắt ngoại lệ và chuyển chúng thành phản hồi 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
        };
    }
}

và sau đó trang trí hành động bộ điều khiển của bạn với thuộc tính này:

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

và cuối cùng gọi nó:

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

Sau khi googling, tôi viết một phân phối Ngoại lệ đơn giản dựa trên Bộ lọc Hành động 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);
        }
    }
}

và viết trong global.ascx:

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

và sau đó viết tập lệnh này trên bố cục hoặc trang Chính:

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

Cuối cùng bạn nên bật tùy chỉnh lỗi. và sau đó tận hưởng nó :)

Thật không may, không có câu trả lời nào là tốt cho tôi. Đáng ngạc nhiên là giải pháp đơn giản hơn nhiều. Trở lại từ bộ điều khiển:

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

Và xử lý nó như lỗi HTTP tiêu chuẩn trên máy khách theo ý muốn.

Tôi đã thực hiện một giải pháp nhanh chóng vì tôi thiếu thời gian và nó hoạt động tốt. Mặc dù tôi nghĩ lựa chọn tốt hơn là sử dụng Bộ lọc ngoại lệ, có lẽ giải pháp của tôi có thể giúp ích trong trường hợp cần một giải pháp đơn giản.

Tôi đã làm như sau. Trong phương pháp bộ điều khiển, tôi trả về một JsonResult có thuộc tính "Thành công" bên trong Dữ liệu:

    [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 }, };
    }

Sau đó trong cuộc gọi ajax, tôi chỉ yêu cầu thuộc tính này để biết liệu tôi có ngoại lệ hay không:

$.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.')
    }
});

Hi vọng điêu nay co ich. Chúc bạn code vui vẻ! : P

Đồng ý với câu trả lời của aleho, đây là một ví dụ đầy đủ. Nó hoạt động giống như một sự quyến rũ và siêu đơn giản.

Mã điều khiển

[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);
        }
    }
}

Mã Javascript trong chế độ xem

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.
    }
});

Hy vọng điều này sẽ giúp người khác!

Để xử lý lỗi từ lệnh gọi ajax ở phía máy khách, bạn chỉ định một chức năng cho errortùy chọn của lệnh gọi ajax.

Để đặt mặc định trên toàn cầu, bạn có thể sử dụng chức năng được mô tả tại đây: http://api.jquery.com/jQuery.ajaxSetup .