Ajax 调用会在第二次提交表单时重复发布表单

Question

出于某种原因，我的 ajax 调用是 双发我第二次提交。
我有一个包含这个的 View :

 @using (Ajax.BeginForm("Create", "BasketPage", new AjaxOptions
{
    InsertionMode = InsertionMode.Replace,
    UpdateTargetId = "myDiv",

}))
    {
        <textarea id="comment" name="comment"> </textarea> <br />
        <input type="submit" class="btn btn-blue" value="Comment" />
    }

调用的 BasketPage Controller 操作如下所示:

public PartialViewResult Create(BasketPage currentPage, string comment)
        {          
                Comment newComment = new Comment()
                {
                    Username = User.Identity.Name,
                    Text = HttpUtility.HtmlEncode(comment),
                    PageID = currentPage.PageLink.ID
                };

                commentRepository.Save(newComment);

                var model = new BasketListModel(currentPage)
                                {
                                    CommentsList = commentRepository.GetComments(currentPage.PageLink)
                                };

                return PartialView("_Comment", model);
        }
    
    

问题场景:

我输入一个值，提交表单。一切都按预期工作。

我再次(因此第二次)输入一个值，提交表单。现在 Save 方法被调用两次 - 这导致该值在数据库中保存两次，创建具有相同值的两行。

如果我用常规的 @Html.BeginForm 替换 Ajax.beginform，则 Save 方法只调用一次。
我错过了什么？

Answer 1

可能是因为您两次将不显眼的 JavaScript 库包含到页面中。

从您的捆绑配置或包含的 <script> 中检查并删除任何重复项标签。