javascript - 为什么javascript触发提交表单(方法获取，目标空白)打开弹出窗口而不是新选项卡？

Question

仅在 Chrome 上...

<form action="http://example.com" method="get" target="_blank">
<input type="text" name="somename" value="some val">
<input type="submit">
</form>

从控制台、超时函数或其他什么执行这个js...

document.forms[0].submit();

如果提交是通过实际点击“提交”按钮触发的，表单将正常工作，但如果提交是通过 javascript 触发的，它将打开弹出窗口。

我需要与此完全相同的表单(方法获取，目标空白)，并且必须通过 javascript 触发提交，因为在提交之前需要完成多个 ajax 请求...

有人知道解决方法吗？

致:邓肯·考恩

$('button').on('click', function(){
    // Validation
    // foo
    // bar
    // ...
    // var errors = true;

    window.promises = new Array;

    // do ajax calls and add hidden inputs...  
    window.promises.push($.ajax({ /* Call ...*/ }));
    window.promises.push($.ajax({ /* Call ...*/ }));
    window.promises.push($.ajax({ /* Call ...*/ }));

    // not always the case
    var promis = true;


    // once inputs are placed... submit
    if (promis) {
        $.when.apply($, window.promises).done(function() {
            // Do submit
            $('form').trigger('submit');
        });
    }

    // errors or promises cancel submit
    if ( errors || promis ) {
        return false;
    }
});

Answer 1

为了使浏览器不将其归类为弹出窗口，您需要使用可信事件(即用户单击某些内容等)触发表单提交。如果您需要在提交之前、受信任事件之后运行 ajax，则应该以同步模式运行 (async: false)。

例如，用户点击某处，同步ajax请求，然后提交表单。

如果您使用某种非用户启动的事件触发打开新窗口，浏览器会认为它是弹出窗口，并且通常会阻止它。

好的，不用通过 Promise 来运行 AJAX，只需直接在 click 函数中运行即可。但是，将“async”设置为“false”，以便代码停止并等待 ajax 完成。

$('button').on('click', function(){
    // Validation
    // foo
    // bar
    // ...
    // var errors = true;

    // do ajax calls and add hidden inputs...  
    $.ajax({asyc: false, /* Call ...*/ });
    $.ajax({asyc: false, /* Call ...*/ });
    $.ajax({asyc: false, /* Call ...*/ });

    $('form').trigger('submit');

});