在 Ajax.BeginForm MVC 4 方案中发送异常消息

本文关键字：异常 消息 方案 Ajax BeginForm MVC | 更新日期: 2023-09-27 18:31:13

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

控制器将发送回与操作结果相同的部分视图。

我想做的是在交易不成功时显示错误消息。但它仍应发回部分视图，只是这次带有一条消息。

如何实现这一点？

法典：

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");

在 Ajax.BeginForm MVC 4 方案中发送异常消息

解决此问题的两个部分，创建一个新的异常，我们称之为 StatusException，并附上您的消息，并在捕获正常异常时抛出它： 

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

覆盖控制器：：OnException并处理异常，方法是将其设置为handled，将错误代码设置为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 将检测到错误并跳转到处理程序。我们还在覆盖中设置了状态描述，以便消息将在句柄回调中可用。

上面的答案很好。一个简单的替代方法可能是：

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

为视图。

有人

可能会争辩说，由于您的请求只期望部分视图，因此您的操作应始终返回部分视图。如果遇到错误，请将处于错误状态的视图模型传递给视图，并让视图适当地呈现。

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" />
}

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

相关文章：