在Ajax.BeginForm MVC 4场景中发送异常消息

Question

我有一个包含ajax表单的局部视图。 视图只是添加和更新用户信息。

控制器将相同的部分视图发送回ActionResult。

我想要做的是在事务不成功时显示错误消息。 但是它仍然应该发回部分视图，这次只发送一条消息。

这将如何实现？

码：

ManageUsers.cshtml

<div id="details">
@{
    Html.RenderPartial("AddModifyUserPartialView");
}
</div>

@{
    Html.RenderPartial("ListUsersPartialView");
 }

AddModifyUserPartialView.cshtml

@using (Ajax.BeginForm("AddModifyUser", "Account", FormMethod.Post, 
         new AjaxOptions() 
         { 
             UpdateTargetId = "details", 
             OnFailure= "handleError", 
             OnSuccess="handleSuccess" 
         }, 
         new { id = "useragentform", 
               enctype = "multipart/form-data" }))
{
  //form fields here
  <input type="submit" id="savebutton" name="savebutton" value="Add New User" />
}

另外在局部视图中：

function handleError(ajaxContext) {

    var response = ajaxContext.get_response();
    var statusCode = response.get_statusCode();

    alert(statusCode);
}

账户管理员

try
{
     SecurityManager.AddUpdateUserAgent(ua);
}
catch (Exception ex)
{
     //how do I send the message back along with the partial view???
}
return PartialView("AddModifyUserPartialView");

Answer 1

解决这个问题的两个部分，创建一个新的异常，让我们用你的消息称它为StatusException，并在你发现正常异常时抛出它：

try
{
   SecurityManager.AddUpdateUserAgent(ua);
}
catch (Exception ex)
{
   throw new StatusException("Your error message here")
} 
return PartialView("AddModifyUserPartialView");

覆盖Controller :: OnException并通过将其设置为handling来处理异常，将错误代码设置为500，将HttpContext.Response.StatusDescription设置为StatusException消息。 例如：

    protected override void OnException(ExceptionContext filterContext)
    {
        if (filterContext.Exception == null) return;

        Type exceptionType = filterContext.Exception.GetType();

        if (exceptionType == typeof(StatusException))
        {

            filterContext.ExceptionHandled = true;
            filterContext.HttpContext.Response.Clear();
            filterContext.HttpContext.Response.ContentEncoding = Encoding.UTF8;
            filterContext.HttpContext.Response.HeaderEncoding = Encoding.UTF8;
            filterContext.HttpContext.Response.TrySkipIisCustomErrors = true;
            filterContext.HttpContext.Response.StatusCode = 500;
            filterContext.HttpContext.Response.StatusDescription = filterContext.Exception.Message;
        }
     }

然后，在Ajax.BeginForm的OnFailure处理程序中，显示错误参数：

function handleError(data){
    //display data.errorThrown, data.statusCode, etc...
}

通过在OnException覆盖中将错误代码设置为500，AjaxForm将检测错误并跳转到您的处理程序。 我们也在覆盖中设置StatusDescription，以便在handleError回调中提供该消息。

Answer 2

上面的答案很好。 一个简单的选择可能是：

if (gotAnError)
{
    Response.StatusCode = (int) System.Net.HttpStatusCode.BadRequest;  // Or another code
    return Json( new { message = "You did something wrong." } );
}

对于（部分）控制器，和

function ShowPartialLoadErrors(result) {
    var obj = $.parseJSON(response.responseText);
    alert(obj.message);
}

为了观点。

Answer 3

有人可能会争辩说，由于您的请求只需要部分视图，因此您的操作应始终返回部分视图。 如果遇到错误，请将处于错误状态的视图模型传递给视图，并使视图正确呈现。

AddUpdateUserVM vm = new AddUpdateUserVM();
try
{
    SecurityManager.AddUpdateUserAgent(ua);
}
catch (Exception ex)
{
     //log exception
     vm.HasError = true;
     vm.ErrorMessage = ex.Message;
}
return PartialView("AddModifyUserPartialView", vm);

视图：

@if(Model.HasError)
{
    <div>@Model.ErrorMessage</div> @* Or whatever you want to display *@
}

@using (Ajax.BeginForm("AddModifyUser", "Account", FormMethod.Post, 
     new AjaxOptions() 
     { 
         UpdateTargetId = "details", 
         OnFailure= "handleError", 
         OnSuccess="handleSuccess" 
     }, 
     new { id = "useragentform", 
           enctype = "multipart/form-data" }))
{
  //form fields here
  <input type="submit" id="savebutton" name="savebutton" value="Add New User" />
}

只有在无法访问服务器或使用200以外的某些状态代码响应时，才会出现AjaxOptions的OnFailure函数。个人而言，我不想使用Ajax.BeginForm并编写自己的jQuery ajax请求并让服务器 - side action方法返回包含错误或请求的视图标记的JSON对象。 它使您可以完全控制从服务器返回的内容以及在客户端使用它执行的操作。