javascript - 使用 $ ('#myForm' ).submit() 后跟 window.location.href = 时如何让 Chrome 工作

Question

在 IE 和 FireFox 中，当我运行此命令时:

$('#editForm').submit();

window.location.href = "my url here";

它有效。在 Chrome 中，这两行代码各自工作，但同时运行它们意味着表单不会提交。即使将提交调用粘贴在 If 语句内，并在该 If 语句成功时调用重定向，也意味着它会在不提交的情况下进行重定向。

Answer 1

你可以像这样重写它:

$('#editForm').submit(function(){
    window.open('url', 'myWindow', 'target=_blank');
});

恕我直言，一个更优雅的解决方案是:

$('#editForm').submit(function(e){
    // Prevent the form from actually submiting
    e.preventDefault();
    // Code to AJAX submit (and Validate) the form goes here
    DoSomethingAjax();
    // Open a new window
    window.open('url', 'myWindow', 'target=_blank');

});

CodePen 第一个 http://codepen.io/anon/pen/xgwqrE

附注

如果您只想重定向，一个干净而优雅的解决方案是在表单成功提交后使用后端代码进行重定向。