如何使用Ajax.BeginForm OnSuccess 和OnFailure 方法？

Question

我使用这个 Ajax.BeginForm

    <% using( Ajax.BeginForm( "Create","Mandate",
                       new AjaxOptions( ) {
                           OnSuccess = "GoToMandates",
                           OnFailure = "ShowPopUpError"
                       } ) ) {%>

<% } %>

我需要在控制器中编写什么来捕获这个 OnSucces 和 OnFailure。

因为 OnSuccess 我需要显示成功消息

OnFailure 我需要显示其他消息。

在我的控制器中，

Public ActionResult GetSomething(FromCollection collection)
{
     if(exists == null)
     {
          //OnSuccess
     }
     else
     { 
         //OnFailure
     }
}

anydboy 可以帮我吗..如何捕获这个？

谢谢

Answer 1

OnSuccess 和 OnFailure 看起来像是需要 javascript 回调函数。

<script type="text/javascript">
    function handleError(ajaxContext) {
    var response = ajaxContext.get_response();
    var statusCode = response.get_statusCode();
    alert("Sorry, the request failed with status code " + statusCode);
    }
</script>

<%= Ajax.ActionLink("Click me", "MyAction",
new AjaxOptions { UpdateTargetId = "myElement", OnFailure = "handleError"}) %>

Pro ASP.NET Framework 第 425 页的示例

ASP.NET AjaxOptions 类

---

添加控制器示例

最简单的方法是这是我在这里得到的，但我建议使用某种 ViewModel 来研究强类型的 mvc 视图，也许还可以研究一下将 jQuery 用于 ajax。话虽如此，这希望对您有用。

if (exists)
{
  ViewData["msg"] = "Some Success Message";
}
else
{
  ViewData["msg"] = "Some Error Message";
}

return View();

在你看来

<div id="myResults" style="border: 2px dotted red; padding: .5em;">
    <%: ViewData["msg"]%>
</div>

Answer 2

我也在寻找相同的答案，但看起来 Ajax.BeginForm() .. 的事件没有很好的记录，或者需要更多的自我实验来找出这些 onSuccess 和 onFailure 事件何时被调用。但我有一个非常简单直接的替代方案，无需费心设置 AjaxOptions 的 onSuccess 和 onFailure 属性。相反，在控制器的操作方法中，只需通过将 ActionResult 作为 JavaScriptResult 发送来调用 onSuccess()、onFailure() javascript 方法。例如，

Public ActionResult Create(FromCollection collection)
{
     if(exists == null)
     {
          //OnSuccess
           return JavaScript("OnSuccess();");
     }
     else
     { 
         //OnFailure
         return JavaScript("OnFailure();");
     }
}

Ajax.BeginForm 标记应如下所示

 <%
  using( Ajax.BeginForm( "Create","Mandate", new AjaxOptions())) // see, no OnSuccess and OnFailure here.

{%>

<% } %>

现在，您需要在页面中定义 OnSuccess() 和 OnFailure() javascript 方法，仅此而已。

编辑：

我在想，如果服务器没有抛出异常，也许默认情况下会调用 OnSuccess() 。如果服务器抛出任何异常，将调用 OnFailure()。我还没有测试这个概念。如果这是真的，那么练习发送 JavaScript("OnSuccess();") 和 JavaScript("OnFailure();"); 并不是一个好主意。来自服务器，因为这不是一个好的遵循模式。