ASP.NET MVC 4 一键为每个订单提交 2 个表单

Posted

技术标签:

【中文标题】ASP.NET MVC 4 一键为每个订单提交 2 个表单【英文标题】:ASP.NET MVC 4 submit 2 forms per order with one button 【发布时间】:2020-07-12 12:27:33 【问题描述】:

我在 jQuery 中有一个函数,它提交到 ASP.NET MVC 4 中的 2 个表单。

我可以实现什么以执行名为“fdata”的第一个表单,并在完成检查提交是否成功并继续执行名为“fbulk”的第二个表单?

$("#fdata, #fbulk").on("submit", function (e) 
        // prevent the default form-post
        e.preventDefault();

        $.post($("#fdata").prop('action'), $("#fdata").serialize(), function () 
            // first form post complete 
        );

        $.post($("#fbulk").prop('action'), $("#fbulk").serialize(), function () 
            // second form post complete 
        );
    );

谢谢。

【问题讨论】:

将 2. post 移到第一个回调中 如果我移动 2 个帖子,它会提交吗?因为按钮同时执行2个表单 @BlackSD 是的,只是移动 它就像一个魅力,很抱歉给您带来不便 【参考方案1】:

正如@Eldar 和@Sadeq Hatami 所说,只需将第二个帖子移到第一个帖子

$("#fdata, #fbulk").on("submit", function (e) 
        // prevent the default form-post
        e.preventDefault();

        $.post($("#fdata").prop('action'), $("#fdata").serialize(), function () 
                    $.post($("#fbulk").prop('action'), $("#fbulk").serialize(), function () 
        );
        );
    );

【讨论】:

以上是关于ASP.NET MVC 4 一键为每个订单提交 2 个表单的主要内容,如果未能解决你的问题,请参考以下文章

ASP.Net MVC 4 在表单提交时设置“onsubmit”

如何将项目列表从视图传递到控制器(ASP.NET MVC 4)

在 ASP.NET MVC Preview 4 中使用路由引擎进行表单提交

以 ASP.NET MVC 表格形式动态添加行

如何使用jQuery unobtrusive和Asp.Net Mvc验证动态生成的单选按钮组?

Asp.Net MVC 5 Jquery 验证不适用于带有提交事件的 ajax 帖子,显示为有效表单