在Rails 3中使用Ajax渲染局部时的空白页

Question

我有一个nav菜单，在show.html.erb文件中的UsersController.rb有2个选项卡/链接，我想使用Ajax来为选项卡呈现不同的部分。

在show.html.erb我有一个名为profile-data的div，我想在其中显示内容。 所以我做这样的事情：

链接结构：

<li><%= link_to "College friends", college_friends_path, :remote => true %></li>
<li><%= link_to "Highschool friends", highschool_friends_path, :remote => true %></li>

我定义路线：

match "college_friends" => "users#college_friends", :as => "college_friends"
match "highschool_friends" => "users#highschool_friends, :as => "highschool_friends"

我在UserController.rb中定义了必要的方法：

class UsersController < ApplicationController
  def show
    @user = User.find(params[:id])
  end

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

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

最后，我们有JS文件：

* college_friends.js.erb *

$('#profile-data').html("<%= escape_javascript(render(:partial => 'college_friends')) %>");

* highschool_friends.js.erb *

$('#profile-data').html("<%= escape_javascript(render(:partial => 'highschool_friends')) %>");

部分代码：_college_friends.html.erb

<% groups = @user.friends.group_by(&:college_name) %>
<% sorted_groups = groups.sort_by{|key, values| values.count}.reverse %>
<% sorted_groups.each do |collegename, friends| %>
<% next if collegename.blank? %>
<div class="contentbox">
    <div class="box-header">
        <h3><%= collegename %></h3>
        <div class="meta-info">
            <p><i class="icon-map-marker"></i> Malmö</p>
            <p><i class="icon-user"></i><span class="count"> <%= friends.count %></span> vänner</p>
        </div>
    </div>
    <ul class="friends-list">
        <% friends.map do |friend| %>
        <li><%= image_tag(friend.image) %>
            <% end %> 
        </ul> 
    </div>
<% end %>

所以我解决了这个问题，但是检查了源的出入。 而且我注意到js文件未加载到应用程序中。

所以我改变了这个：

<%= javascript_include_tag :defaults %>

对此：

<%= javascript_include_tag "application" %>

并加载了所有必要的js文件。

但是然后我得到这个错误：

ActionView::Template::Error (undefined method `friends' for nil:NilClass):

Answer 1

如以上注释中所建议，您应该有两个名为_college_friends.html.erb和_highschool_friends.html.erb

这些将包含您的HTML，这就是您要通过$('#profile-data').html()加载的内容$('#profile-data').html()

模板错误：

您没有在college_friends和highschool_friends定义@user 。 因此，您的视图要求从该操作请求@user ，而该操作不存在。

Answer 2

你越来越

ActionView::Template::Error (undefined method `friends' for nil:NilClass):

因为

<% groups = @user.friends.group_by(&:college_name) %>

要求设置@user 。

按照布兰登的建议，尝试

def college_friends
  @user = User.find(params[:id])
  respond_to do |format|
    format.js
  end
end

但

为此，您需要将链接路由更改为包含用户ID，与此类似

match "college_friends/:id" => "users#college_friends", :as => "college_friends"

并在您的链接中

<li><%= link_to "College friends", college_friends_path(@user), :remote => true %></li>