การจัดการข้อผิดพลาด ASP.NET MVC Ajax

ฉันจะจัดการข้อยกเว้นที่เกิดขึ้นในคอนโทรลเลอร์ได้อย่างไรเมื่อ jquery ajax เรียกการดำเนินการ

ตัวอย่างเช่นฉันต้องการโค้ดจาวาสคริปต์ส่วนกลางที่ดำเนินการกับข้อยกเว้นของเซิร์ฟเวอร์ใด ๆ ในระหว่างการเรียก ajax ซึ่งจะแสดงข้อความยกเว้นหากอยู่ในโหมดดีบักหรือเป็นเพียงข้อความแสดงข้อผิดพลาดปกติ

ในฝั่งไคลเอ็นต์ฉันจะเรียกใช้ฟังก์ชันเกี่ยวกับข้อผิดพลาดของ ajax

ในฝั่งเซิร์ฟเวอร์ฉันต้องเขียนตัวกรองการดำเนินการที่กำหนดเองหรือไม่

หากเซิร์ฟเวอร์ส่งรหัสสถานะบางอย่างที่แตกต่างจาก 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
    }
});

หลังจาก googling ฉันเขียนการจัดการข้อยกเว้นอย่างง่ายตาม MVC Action Filter:

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>

สุดท้ายคุณควรเปิดข้อผิดพลาดที่กำหนดเอง แล้วสนุกกับมัน :)

น่าเสียดายที่ไม่มีคำตอบใดที่ดีสำหรับฉัน น่าแปลกใจที่วิธีแก้ปัญหานั้นง่ายกว่ามาก กลับจากคอนโทรลเลอร์:

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

และจัดการเป็นข้อผิดพลาด HTTP มาตรฐานบนไคลเอนต์ตามที่คุณต้องการ

ฉันแก้ปัญหาอย่างรวดเร็วเพราะฉันไม่มีเวลาและมันก็ใช้ได้ แม้ว่าฉันคิดว่าตัวเลือกที่ดีกว่าคือใช้ตัวกรองข้อยกเว้นบางทีโซลูชันของฉันอาจช่วยได้ในกรณีที่ต้องการโซลูชันง่ายๆ

ฉันทำสิ่งต่อไปนี้ ในวิธีการควบคุมฉันส่งคืน JsonResult พร้อมคุณสมบัติ "Success" ภายใน Data:

    [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

เห็นด้วยกับคำตอบของ 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.
    }
});

หวังว่านี่จะช่วยคนอื่นได้!

สำหรับการจัดการข้อผิดพลาดจากการโทรของ ajax ในฝั่งไคลเอ็นต์คุณกำหนดฟังก์ชันให้กับerrorตัวเลือกของการโทร ajax

ในการตั้งค่าเริ่มต้นทั่วโลกคุณสามารถใช้ฟังก์ชั่นที่อธิบายที่นี่: http://api.jquery.com/jQuery.ajaxSetup