使用 jquery 的 ASP.NET MVC 中的异常管理

Question

我有 2 个问题，在第一个问题中，我得到一个列表，我想 C# 代码（控制器）中的 excetpion 是否有可能显示视图（错误视图）并将其显示为特定的 div。如何获取 .error 中的视图？ ？ HTML

<div><a href="#" class="MnuCustomerList">List</a></div>

jQuery

$(".MnuCustomerList").click(function () {
    var jqxhr = $.post("/Customer/List", function (data) {
        $('#rightcolumn').html(data);
    })
    .success(function () { alert("success"); })
    .error(function () { alert("error"); })
    .complete(function () { alert("complete"); });
})

；

控制器：

public PartialViewResult List()
{
    throw new Exception("myexception");
    return PartialView("List");
}

第二个问题： 我在控制器中有一个表单

@model MyModel
@using (Html.BeginForm("Save", "Customer", FormMethod.Post))
{
    <table style="width:100%;">
    <tr>
        <td>Code</td>
        <td>@Html.TextBoxFor(m => m.Customer.Code, new { id = "tbCode" })</td>
    </tr>
    <tr>
        <td>LastName</td>
        <td>@Html.TextBoxFor(m => m.Customer.LastName, new { id = "tb", maxlength = 50, style = "width:40%;" })</td>
    </tr>
    <tr>
        <td colspan="2"><input type="submit" value="A submit button"/></td>
    </tr>
    </table>
}

，我检查代码是否已经存在，如果是的话 CustomerException(“代码存在”)。

我的问题是，是否可以使用 jQuery 发布此表单，但仍使用此模型的格式，而不是像下面的示例那样逐一获取值

$.ajax({
    type: "POST",
    url: "/Customer/Save",
    data: {
        id: $('#Id').val(),
        firstName: $('#FirstName').val(),
        lastName: $('#LastName').val(),
        isEnable: $('#IsEnable').attr('checked')        
    },
    success: function (html) {
        $("#ContentDataSection").html(html);
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) { }
});

谢谢，

Answer 1

仅当发出 ajax 请求时出现错误时，才会触发错误回调。如果服务器端发生错误，您需要将数据（Json 格式是一个不错的选择）传递回客户端，指示服务器端出现故障，并在成功回调中处理它。

编辑以添加显示如何将响应代码设置为 500 的代码，以便可以根据 Ryan 的评论在错误回调中处理它：

控制器操作：

public ActionResult FiveHundred()
{
    Response.StatusCode = 500;
    return Json(new {Error = "Uh oh!"});
}

Javascript：

$.ajax({
    url: "/home/fivehundred",
    type: "POST",
    success: function(data) {
        // handle normally
    },
    error: function(data) {
        alert("error " + data.Error);
    }
});