每次提交时，Ajax 表单开始和成功处理程序的调用次数会连续增加

Ajax form begin and success handlers are called successively more times with each submit

本文关键字：调用 程序 增加 连续 处理 提交 Ajax 表单 开始 成功      更新时间：2023-09-26

为什么我的jquery ajax表单在第一次提交时提交一次，在第二次提交时提交两次...？

从 ASP MVC 3 预览版更新到 Beta 版后提交的表单两次

ASP.NET 阿贾克斯。BeginForm 发送多个请求

我的窗体具有 OnBegin 和 OnSuccess 处理程序，如下所示。 我第一次提交它工作正常。 第二次我提交OnBegin和OnSuccess时被调用两次。 第三次调用事件处理程序三次，依此类推。

@using (Ajax.BeginForm("SaveTaxpayer", "Taxpayer",
    null,
    new AjaxOptions { HttpMethod = "Post", OnBegin = "SaveTaxpayerBegin", OnSuccess = "SaveTaxpayerSuccess", OnFailure = "radarApp.formSubmitFailure" },
    new { id="tpForm", style = "form-horizontal" }))
{...}

我在SO上发现了几篇描述类似问题的帖子，事实证明开发人员多次加载jquery不引人注目。 我没有多次加载 jquery。 我相信如果我是事件处理程序，每次都会触发两次。我只在我的布局页面中加载 jQuery，并且该页面被调用一次。

我还发现了一个帖子，回答者建议

$("#myform").unbind('submit');

当放置在OnBegin，OnSuccess或两者中时，这对我不起作用。

一些海报也面临着类似的问题，并解决了返回部分视图与视图的问题。 我正在返回一个 Json 对象，所以我也不认为这是我的问题。

我已经从表单事件处理程序中删除了所有代码以进行调试：

function SaveTaxpayerBegin() {
    debugger;
}
function SaveTaxpayerSuccess(response) {
    debugger;
    $.get(response.RedirectURL, function (data) { $('#content').empty().html(data); }, 'html');
}

我的控制器返回一个简单的 Json 对象，该对象具有不言而喻的字符串属性：重定向URL。

"#content"是 index.cshtml 中的一个div，它是我的单页应用程序中所有部分页面的内容div。 托管我的表单的页面使用相同的 $.get 调用...您在上面的"保存纳税人成功"功能中看到的。 这就是为什么这个问题对我来说如此困惑的原因。 每次加载我的页面时，内容div 都会完全被吹走。 看起来jquery或某些javascript类正在保留表单提交事件处理程序。

另请注意，我在我的 $.get 成功处理程序中调用 .empty（）（在加载我的表单的页面中）。 .empty（） 的 jquery 文档说："为了避免内存泄漏，jQuery 在删除元素本身之前，会从子元素中删除其他构造，例如数据和事件处理程序。 这似乎没有发生。

你已经添加了jquery.unobtrusive-ajax.js三次。它也发生在我身上。

签入捆绑包配置"~/ui/js/jquery.unobtrusive.*"，并在您的页面中再次添加了jquery.unobtrusive-ajax.js

相关文章：