我在“事件”页面视图中有4个选项卡部分。我可以在请求事件页面时提取并呈现每个选项卡的所有内容的地方工作。对于扩展性来说，这似乎不是一个好的解决方案。

单击选项卡时，如何使用AJAX获取每个选项卡的内容？

（第一次进行…理论上看起来很简单，但是无法正常工作）

我尝试添加remote: true到选项卡链接，但与页面内引用无法很好地结合-
Events#Show对所有选项卡都执行相同的get请求，这使得很难确定请求的选项卡内容。如果将选项卡href更改为它们各自的控制器链接，则会中断引导程序选项卡的切换。我这两种方式都没有。

每个选项卡的内容都分为单独的控制器，因此可以提取单个内容。

对于Tab＃2，我需要获取有效的内容nav-pill。如果我在Tab＃2上，我想将其内容从“概述”切换到“详细信息”，然后使用nav- pills按钮链接返回。

使用带有Bootstrap 3，Haml和CoffeeScript的Rails 4。

events / show.html.haml

/ Nav tabs
%ul.nav.nav-tabs.color
  %li.active
    =link_to "Tab1", "#tab1", html_options = { "data-toggle" => "tab" }
  %li
    =link_to "Tab2", "#tab2", html_options = { "data-toggle" => "tab" }
  %li
    =link_to "Tab3", "#tab3", html_options = { "data-toggle" => "tab" }
  %li
    =link_to "Tab4", "#tab4", html_options = { "data-toggle" => "tab" }

/ Tab panes
.tab-content
  .tab-pane.active#tab1
    %p Fetch content
  .tab-pane.active#tab2
    %ul.nav.nav-pills
      %li.active= link_to 'Overview', "#overview", html_options = { "data-toggle" => "tab"}
      %li= link_to 'Details', "#details", html_options = { "data-toggle" => "tab"}
      .tab-content
        .tab-pane.active#overview
          %p Fetch overview
        .tab-pane.active#details
          %p Fetch details
  .tab-pane.active#tab3
    %p Fetch content
  .tab-pane.active#tab4
    %p Fetch content

controllers / events_controller.rb

def show
  # currently have several database queries to get data for each tab :(

  respond_to do |format|
    format.html
    format.js
  end
end

views / events / show.js.erb （是这种remote:true情况，但是应该在每个选项卡的相应控制器视图中）

$('div#tab2').append("<%= escape_javascript(render(partial: 'overview', locals: {names: @names, genders: @genders, ages: @ages})) %>")