7

我有一个包含 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");
4

3 回答 3

7

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

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

覆盖 Controller::OnException 并通过将异常设置为已处理，将错误代码设置为 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 回调中可用。

于 2013-09-12T13:17:32.467 回答
4

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

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

为视图。

于 2013-09-30T17:07:17.797 回答
2

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

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 对象，其中包含错误或请求的视图的标记。它使您可以完全控制从服务器返回的内容以及在客户端对其进行的处理。

于 2016-09-06T19:37:54.967 回答