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')) %>");
});