在表单提交时，在新选项卡中打开一个新页面并重定向原始页面

Question

我有三页。第 1 页有一个表单，提交时应在新选项卡中打开第 2 页，第 1 页应重定向到第 3 页。

现在，单击提交会在新选项卡中打开第 2 页，但它不会重定向第 1 页，除非我已经打开第 2 页。如果第 2 页已经打开并且我单击提交，则第 1 页将重定向到第 3 页。

我怎样才能让两者都发生？

在视图模板中：

%button.step1-button.submit{:onClick => "redirect();"} Get Started

在控制器中：

@form = FormSubmit.create(:name => name, :form => "/")
        respond_to do |format|
          format.html {redirect_to :page_2}
          format.js { render :action => "redirect()"}

在redirect.js中：

function pop_under2() {
  $('.step1-button').bind("click", function () {
    window.location.href = "http://localhost:3000/exit";
  });
};

Answer 1

您可以简单地将按钮设置为带有右 ​​href 和目标集的链接，它具有一个额外的事件侦听器，用于提交表单。之后控制器可以重定向。

模板

%a.step1-button.submit.js-submit-form{href: "your_page2_url", target: "_blank"} Get Started

控制器

@form = FormSubmit.create(:name => name, :form => "/")
redirect_to :page_3

JS

$(function(){
  $('.js-submit-form').on('click', function() {
    $(this).parent('form').submit();
  });
});