ajax表单使用bootstrap提交rails后回调

时间:2014-07-05 16:05:32

标签: jquery ruby-on-rails ajax twitter-bootstrap

我很新,非常害怕jquery。我很快就会克服它,但我正在尝试实现的是,在提交表单后会弹出一个警告,说它是成功或失败。我有这个工作,但它是丑陋的警报弹出窗口。我想要的是bootsrap警报通知或警告警告。

我的控制器目前看起来像这样

  def create
    @subscription = Subscription.new(subscription_params)

    respond_to do |format|
      if @subscription.save
        format.html 

        format.js { render :js=>'alert("You have been added to the mailing list");' }
      else
        format.html 
        format.js { render :js=>'alert("You have entered an invalid email address");' }
      end
    end
  end

我加载了bootstrap.js我只是不确定如何实现它。

1 个答案:

答案 0 :(得分:1)

创建你的模态,假设它有一个 id“myModalSuccess”如果发生故障,您不需要模态,只需要渲染表单,它就会显示错误。您的控制器将如下所示:

def create
  @subscription = Subscription.new(subscription_params)

  respond_to do |format|
    if @subscription.save
      format.html{redirect_to your_path}
      format.js{}
    else
      format.html{render action: 'new'} 
    end
  end
end

现在您可以在 create.js.erb 文件中调用它,例如:

  $("#myModalSuccess").modal("show");

您还可以在模态方法中传递其他选项,有关详细信息,请查看bootstraps javascript documentation