asp.net-mvc-3 - MVC3 - Razor，Ajax.BeginForm - 客户端 - OnBegin

Question

当我点击提交按钮时，我直接进入我的操作。以下 2 种情况没有发生:

1. 此时未调用我的客户端 beginForm 方法。我想要的。
2. 即使我的模型具有表单输入，Request.IsAjaxRequest 也是 false

试图找到这个问题的答案。相同的代码在 MVC2 中工作，所以我一定在这里遗漏了一些东西。

引用了以下2个MS js文件:

<!-- MS AJAX -->
<script type="text/javascript" src="/Scripts/MicrosoftAjax.js"></script>
<script type="text/javascript" src="/Scripts/MicrosoftMvcAjax.js"></script>

表单代码:

@{
        using (Ajax.BeginForm(ActionNames.Index, ControllerNames.CustomerSearch, new {Area = ""}, new AjaxOptions
                                                                                                      {
                                                                                                          HttpMethod = "Post",
                                                                                                          OnBegin = "CustomerSearch.beginForm",
                                                                                                          OnSuccess = "CustomerSearch.successForm"
                                                                                                      }, new {id = "CustomerSearchForm"}))
        {

... form items ...
}
}

页面上显示的表单:

<form action="/CustomerSearch" data-ajax="true" data-ajax-begin="CustomerSearch.beginForm" data-ajax-method="Post" data-ajax-success="CustomerSearch.successForm" id="CustomerSearchForm" method="post">

... Other Form Items ...
<input type="image" src="/App_Themes/Main/Images/ResponseAction/Buttons/btn_submit.gif" alt="Submit" id="SubmitButton" />
</form>

这是我的 CustomerSearch.js，页面加载警报(2)显示得很好:

var CustomerSearch = {
    enums: {
        buttonId: "SubmitButton",
        searchResultsContainerId: "CustomerSearchResults"
    },
    beginForm: function () {
        alert(1);
        var $button = $("#" + CustomerSearch.enums.buttonId);
        jMessage("Processing request...", $button, true, false);
        return true;
    },
    successForm: function (context) {
        var $button = $("#" + CustomerSearch.enums.buttonId);
        var $searchResults = $("#" + CustomerSearch.enums.searchResultsContainerId);
        var data = context.get_data();

        jMessageHide();
        $searchResults.html(data).fadeIn(500);
    }
};

alert(2);

我在 web.config 中启用的不引人注目的 javascript 设置为 true:

<add key="ClientValidationEnabled" value="true"/>
<add key="UnobtrusiveJavaScriptEnabled" value="true"/>

Answer 1

With MVC3不显眼的 Ajax 助手:

• Ajax.ActionLink
• Ajax.RouteLink
• Ajax.BeginForm
• Ajax.BeginRouteForm

正在使用jquery.unobtrusive.ajax.js文件。

因此您需要包含该 js 文件而不是 MicrosoftAjax 文件 (MicrosoftAjax 文件在 MVC3 中已弃用，并且未随 MVC4 beta 一起提供):

<script type="text/javascript" src="/Scripts/jquery.unobtrusive-ajax.min.js"></script>