在表单提交上,使用AJAX调用呈现另一个表单

时间:2017-08-17 20:21:03

标签: jquery ajax forms ruby-on-rails-4 rails-admin

我有一个简单的搜索表单,在提交时,我想使用电子邮件文本字段呈现另一个表单并使用AJAX提交按钮。

初始表单是rails_admin自定义操作的一部分,我也希望将搜索参数带到第二个表单。

javascript:
  $(".index_collection_link").hide()
= form_tag "/admin/sample/search_action”, class: "form-group", method: "get", :remote=>"true"
  .row
    .col-xs-12
      .col-xs-5
        .search
          = "Search:"
        =text_field_tag 'search',"" ,class: "form-control pull-right"
      .col-xs-4
        = submit_tag "Search", class: "btn btn-info"

在提交此表单时,我想使用电子邮件输入字段呈现另一个表单:

javascript:
  $(".index_collection_link").hide()
= form_tag "/admin/send_emailf", class: "form-group", method: "get"
  .row
    .col-xs-12
      .col-xs-5
        .search style= "float:left;padding-top:5px;"
          = "Email "
        =email_field_tag 'email',"" ,class: "form-control pull-right"
      .col-xs-4
        = submit_tag "Send", class: "btn btn-info”

我尝试了respond_to并渲染:部分方法来渲染第二个表单。它在控制台中显示文件已经呈现,但在前端它保留在搜索表单上。

提前致谢。

1 个答案:

答案 0 :(得分:0)

处理此类功能的另一种方法是使用js.erb。

创建一个文件作为search_action.js.erb,然后你可以使用rails'将部分渲染为另一个表单的html代码并将其放入该部分中。 j render方法内的append()

相关问题