我的页面在提交之前就进入了onclick事件

Question

我已经使用了提交并向其添加了一个 onclick 事件，我想调用控制器方法 save ，之后我想将我的页面重定向到控制器的另一个方法，因为我在使用过的地方使用了 onclick

 opener.href = ""

。我的问题是，有时它会转到保存页面，但通常它会先转到 onclick 事件。我在谷歌上搜索过它，所有的方法都告诉我我的做法，但有些东西不对。请帮助我。

这是代码：

<input id="m_bs_btnNext" type="submit" value="Save" onclick="closeWindow();" />

onclick函数是：

function closeWindow() {
    window.opener.location.reload();
    window.opener.location.href = "ViewDesign";
    setTimeout("window.close()", 800);
}

Answer 1

我会在保存后通过在表单上使用

onsubmit

来关闭窗口：

<form id="form" action="/save" onsubmit="saveAndCloseWindow()">
   <-- Other form elements -->
   <input id="m_bs_btnNext" type="submit" value="Save" onclick="closeWindow();" />
</form>

那么你的保存函数将如下所示：

function saveAndCloseWindow() {
    $.ajax({
       url: $('#form').attr('action'),
       method: 'POST',
       success: function() {
         window.opener.location.reload();
         window.opener.location.href = "ViewDesign";
         setTimeout("window.close()", 800);
       }
    })
}