ASP MVC：使用 AJAX.ActionLink 时，提交按钮不起作用答案

【问题标题】：ASP MVC : submit button is not working , when using AJAX.ActionLinkASP MVC：使用 AJAX.ActionLink 时，提交按钮不起作用
【发布时间】：2016-02-10 19:00:56
【问题描述】：

你能帮忙吗：

在尝试使用 AJAX.ActionLink 打开引导模式后，提交按钮在简单的 ASP MVC 页面中不起作用，但是当我尝试直接打开顶部（没有 AJAX.ActionLink）时，它正在工作，然后调用控制器的操作服务器端：这是代码主页：index.cshtml

@model IEnumerable<TestQuestionsAnswers.Models.Question>

@{
    ViewBag.Title = "Index";
}
<script>
    function ShowPopup() {

        $("#divmodal").attr('data-toggle', 'modal');
        $('#divmodal').modal('show');
    }
</script>

<h2>Index</h2>
<p>
    @Html.ActionLink("Create New", "Create")
    @Ajax.ActionLink("Validate Data!", "Edit1", "Question", new { id = 1 }, new AjaxOptions { UpdateTargetId = "divresponse", OnComplete = "ShowPopup" }, new { @class = "btn btn-info btn-sm" })
</p>

<!-- Modal -->
<div id="divmodal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Question</h4>
            </div>
            <div class="modal-body">

                <div class="container" id="divresponse">Data is here....</div>
                <input type="submit" class="btn btn-info" name="btnsubmit" value="Save">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>

请注意：从上面的代码中我正在使用这个：

@Ajax.ActionLink("Validate Data!", "Edit1", "Question", new { id = 1 }, new AjaxOptions { UpdateTargetId = "divresponse", OnComplete = "ShowPopup

打开模态窗口。

Edit.chtml:

@model TestQuestionsAnswers.Models.QuestionEditView

@{
    ViewBag.Title = "Edit";
}


@using (Html.BeginForm("Save", "Question", FormMethod.Post))
{

    <input type="submit" class="btn btn-info"   name="btnsubmit" value="Save" >





}

控制器应该达到的动作是：

   [HttpPost]
        public ActionResult Save(string btnsubmit, TestQuestionsAnswers.Models.QuestionEditView questedit)
        {
            if (btnsubmit == "Save")
            {
                List<Answer> UpdatedAnswers=questedit.Answers;

                dbaccess.SaveEditQuestionsBy(questedit);
            }

            return RedirectToAction("Index");
        }

感谢您的帮助

【问题讨论】：

标签： asp.net ajax asp.net-mvc twitter-bootstrap

【解决方案1】：

不知道你有没有安装unobtrusive-ajax包但如果不是先去管理 nudget 包 -> 搜索 ajax 并安装 Microsoft.jquery.unobtrusive-ajax.js 包

然后在你的cshtml中给出这个参考

<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>

然后将调试器放入控制器并检查方法是否正在触发。

【讨论】：