Javascript 使用Jquery append在单击时呈现部分

我想要一个按钮，它将呈现一个新的嵌套形式，每次点击。为此，我使用了JQuery，并使用了Rails3.2

在另一个线程中，有人说要使用ajax调用“onclick正在浏览器中执行，因此您无法在其中使用erb。您需要向服务器进行ajax调用（.load是一个方便的快捷方式），在服务器上可以使用erb渲染部分，以获得需要返回的html。”

这是我的html.erb表单，在Jquery上单击并插入的表单部分是一行，Jquery。新成员的html呈现正确，但部分呈现就像它只是一个字符串一样

有人知道我如何调用ajax来渲染部分内容吗？或者我是否应该这样做

<h1>New Member</h1><%=render'new_user')%>

新成员

new.html.erb

添加到您的表中

_新建_user.html.erb 这实际上是在一行中，但我无法将其格式化为堆栈溢出

<div class='form-group col-xs-3'>
  <%= f.fields_for :users, @new_user do |ff| %>
    <%= label_tag :first_name %>
    <%= ff.text_field :first_name, placeholder: 'First Name' %>
    <%= label_tag :last_name %>
    <%= ff.text_field :last_name, placeholder: 'Last Name' %>
  <% end %>
</div>

javascript.js

$（“#添加族按钮”）。单击（函数（）{
var form=“新成员”；
$（“#子窗体div”）。附加（窗体）；
});

为了能够动态生成嵌套表单，您可以将ajax或javascript与一些助手方法结合使用

这个过程在这里的rails cast中得到了很好的解释-

<div class='form-group col-xs-3'>
  <%= f.fields_for :users, @new_user do |ff| %>
    <%= label_tag :first_name %>
    <%= ff.text_field :first_name, placeholder: 'First Name' %>
    <%= label_tag :last_name %>
    <%= ff.text_field :last_name, placeholder: 'Last Name' %>
  <% end %>
</div>

$("#add-family-button").click(function(){
  var form = "<h1>New Member</h1><%=render'new_user')%>";
  $("#child-forms-div").append(form);
});