jquery - ajax 表单内的 ajax 表单

Question

问题标题可能看起来很奇怪，但这是要求。

场景 - 我有一个带有按钮的 ajax 表单 (MVC4)。我们将表单命名为 mainForm。此按钮打开弹出窗口，此弹出窗口还有名为 childForm 的 ajax 表单 (MVC4)。

mainForm 的代码片段

@using (Ajax.BeginForm("UserPost", "Admin", null, ajaxOptions, new { @id = "frmUser" }))
{
   ... Code for opening popup
}

childForm 的代码片段

@using (Ajax.BeginForm("SendReminder","Admin",null, ajaxOptions,new { @id = "frmPop" }))
{
  ...Button code
}

问题 - 当我单击 Popup 中 childForm 中的任何按钮时，mainForm 的方法就会被执行。

我正在寻找如何引导按钮单击以仅执行 childForm 的方法？

Answer 1

不要使用 ajax 表单，而只在脚本中使用 ajax 调用

$('.btnSubmit').on('click', function(){
    $.ajax({
        url: '@Url.Action("UserPost", "Admin")',
        type: 'post',
        cache: false,
        async: true,
        data: { id: "frmUser" },
        success: function(result){
            // do something if you want like alert('successful!');
        } 
    });
});