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 をオーバーライドし、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 はエラーを検出し、ハンドラーにジャンプします。オーバーライドに 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

リクエストは部分的なビューのみを想定しているため、アクションは常に部分的なビューを返す必要があると主張する人もいます。エラーが発生した場合は、エラー状態のビュー モデルをビューに渡し、ビューが適切にレンダリングされるようにします。

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 以外のステータス コードで応答する場合にのみ発生します。サイド アクション メソッドは、エラーまたは要求されたビューのマークアップを含む JSON オブジェクトを返します。サーバーから何を返すか、クライアント側で何をするかを完全に制御できます。

于 2016-09-06T19:37:54.967 に答える