Rails3：如何进行Ajax-y更新？ 例如，无需刷新页面即可更改页面内容？

Question

<li><%= link_to "Yes", { :controller => 'application', :action => 'start_game', :human_is_first => true  }, :remote => true  %></li>

在我的控制器中：

  def start_game
    respond_to do |format|
      format.js
    end
  end

在start_game.js.erb中

$('.choose_options').fadeOut(1000);

调用start_game的我的erb：

<div class="welcome">
  Hello!

  <div class="choose_turn">
    Would you like to go first?

    <ul class="choose_options">
      <li><%= link_to "Yes", { :controller => 'application', :action => 'start_game', :human_is_first => true  }, :remote => true  %></li>
      <li><%= link_to "No", { :controller => 'application', :action => 'start_game', :human_is_first => true  }, :remote => false  %></li>
    </ul>
  </div>
</div>

但是当我单击链接时，页面会重定向

Template is missing

Missing template application/start_game with {:locale=>[:en, :en], :handlers=>[:builder, :rjs, :rhtml, :rxml, :erb], :formats=>[:html]} in view paths "~/Documents/Aptana Studio 3 Workspace/tic-tac-toe-ai/tic-tac-toe-ai/app/views" 

任何帮助都感激不尽。

（我正在使用jQuery 1.4.3）

Answer 1

您可以尝试使用request.xhr而不是使用response_to？ 像这样：

if request.xhr?
  render 'start_game.js.erb', :layout => false
end

科迪