javascript - 为 OnBeign 分配多个功能

Question

有没有办法在Ajax.BeginForm()中为OnBegin分配多个javascript函数，同时传递一些参数(即xhr 和 status) 到其中之一，例如

@using (@Ajax.BeginForm("Action", "Controller", new AjaxOptions
{
    UpdateTargetId = "convertContractorToAnEmployeeFormAjaxContainer",
    OnBegin = "(function(xhr, status){ oneFunction(xhr, status); anotherOne();})();"
}))
{
    //...
}

当您为 OnBegin 提供一个函数名称时，您有三个参数 xhr、status、error .我如何在线处理它？<​​/p>

Answer 1

您可以通过将调用包装在匿名函数中来实现。

例如:

Views/Home/Index.cshtml:

<div id='ajaxStatus'></div>
@using (@Ajax.BeginForm("Test", "Home", new AjaxOptions
    {
        OnBegin = "new function(){func1(xhr); func2();}",
        UpdateTargetId = "ajaxStatus",
    })
)
{
    <input type='submit' />
}

@section Scripts{
    @Scripts.Render("~/Scripts/jquery.js")
    @Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.js")

    <script type="text/javascript">
        function func1(xhr) {
            console.log("xhr: ", xhr);
        }

        function func2(){
            console.log("func2 called");
        }

    </script>
}

HomeController.cs:

public ActionResult Index()
{
    return View();
}

public MvcHtmlString Test(object form)
{
    return new MvcHtmlString("success");
}

---

另外，一个小提示:OnBegin 的可用参数是 xhr。

这是每个 AjaxOption 可用参数的列表事件属性:

• OnBegin – xhr
• OnComplete – xhr, 状态
• OnSuccess – 数据、状态、xhr
• OnFailure – xhr、状态、错误