Rails 4并使用Ajax渲染部分内容

Question

我正在构建一个静态的单页应用。根据点击的链接，我想将少量部分内容渲染到页面的特定部分。

我的HTML看起来像这样：

<div class="feature" id="grr" data-title="some title" data-partial="grr">
</div>

<div class="feature" id="yum" data-title="some title" data-partial="yum">
</div>

<div class="stage">

 <nav>
   <h2 id="stage-title"></h2>
    <div id="close">
      <%=image_tag "close.png" %>
    </div>
 </nav>

 <div class="content">Content will go here</div>

</div>

Coffeescript看起来像这样

  # Open slide up menu
  $('.feature').click ->
    title   = $(this).data('title')
    partial = $(this).data("partial")
    $('#stage-title').empty().append(title)
    popout()

在views / partials中，我有类似

的内容

• partials / _grr.html.erb
• 泛音/ _yum.html.erb

目前，我没有任何实际将部分渲染到视图中的方法。我已经看过十几种不同的方法来做这件事，但与我在这里做的相比，它们看起来都非常复杂。我似乎记得很久以前只在Rails中使用$.get来做这种事情，但那不起作用。我对Ajax也很生气。希望这是有道理的，有人可以指出我正确的方向。

更新

我忘了提到这个应用程序有一个名为static_pages_controller.rb的控制器。我见过很多解决方案都涉及在控制器中添加动作，但这对此没有多大意义（我不认为）。我只有一个动作，一个索引，为了简单起见，我想保持这种方式。