Ajax 请求取决于单击的按钮

Question

我想知道是否有人可以提供以下帮助。我有两个按钮，单击时需要呈现不同的表单，我想用 Ajax 来实现

    <!-- Animal Type -->
   <div class="col-md-6 type-col" data-clicked-status="false">
      <button class="btn btn-default btn-green btn-animal-type" id="dog_rehome_button" data-remote="true">Dog</button>
   </div>

   <div class="col-md-6 type-col" data-clicked-status="false">
      <button class="btn btn-default btn-green btn-animal-type" id="cat_rehome_button" data-remote="true">Cat</button>
   </div>

在我看来，我已经准备好要加载内容的 div，并进行此设置

new.js.erb

$(".rehome_form").html("<%= escape_javascript(render('/animals/dog_rehome')) %>");

因此，在单击任一按钮时，就会呈现 dog_rehome 表单。

理想情况下，我希望在单击 Cat 按钮时呈现不同的表单。

/animals/cat_rehome

如何告诉 Rails 在单击其按钮时呈现相应的表单

Answer 1

$('#cat_rehome_button').click(function() {
    $(".rehome_form").html("<%= escape_javascript(render('/animals/cat_rehome')) %>");
});