在表单提交时，使用 AJAX 调用呈现另一个表单答案

【问题标题】：On form submit, render another form using AJAX call在表单提交时，使用 AJAX 调用呈现另一个表单
【发布时间】：2017-08-17 20:21:03
【问题描述】：

我有一个简单的搜索表单，在提交时，我想使用 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 和render :partial 方法来渲染第二种形式。它在控制台中显示该文件已被呈现，但在前端它停留在搜索表单上。

提前致谢。

【问题讨论】：

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

【解决方案1】：

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

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

【讨论】：

谢谢@GaganGupta。我尝试使用远程 true 以默认方式在 Rails 中进行。但后来使用了 Ajax 常规方式，我能够解决我的问题。