Question

我有一个用户的信息中心页面，左侧有一个侧边栏，其中包含项目，博客等链接。我希望能够点击一个链接，例如＆＃34; Projects＆＃34;链接然后在主区域中，项目视图将加载（视图将是项目的项目符号列表），而无需刷新页面。我试图用AJAX来实现这一点，但事情并没有奏效。

以下是我认为应该如何运作的方式。用户点击show.html.erb

中的侧边栏链接

<%= link_to 'Projects', '/dash', remote: true %>

其中/dash配置为路由到用户＃在config/routes.rb文件中显示如下：

match '/dash' => 'users#show'

然后，在show控制器中调用users_controller.rb操作：

def show
    @user = User.find(params[:id])
    @projects = @user.projects

    respond_to do |format|
      format.html # renders show.html.erb
      format.js   # renders show.js.erb
    end
end

执行show.js.erb的地方。我的show.js.erb文件有这一行：

$('#ajax').html("<%= escape_javascript(render(:partial => 'projects/index')).html_safe %>");

这应该修改我的show.html.erb中的#ajax div：

<div id="ajax">
  <%= render :template => 'projects/index' %>
</div>

app/views/projects/index.html.rb接受@projects并给出一个列表，如下所示：

<% @projects.each do |project| %>
  <p><%= project.name %></p>
<% end %>

显然，我做错了，因为这不起作用。我究竟做错了什么？我需要在其他地方更改一些代码吗？我在Rails 3.2.13上，因此//=jquery下的行//=jquery_ujs和app/assets/javascripts/application.js应该已经导入了必要的jQuery和AJAX功能。

Answer 1

问题是，在show.js.erb文件中，您尝试渲染部分文件，但是您传递的文件不是部分文件。部分文件以下划线_开头。

因此，为了避免重复代码，这就是我要做的事情：

# app/views/projects/show.js.erb
$('#ajax').html("<%= escape_javascript(render :partial => 'index', :locals => { :projects => @projects } ) %>");

# app/views/projects/index.html.erb
<%= render :partial => 'index', :locals => { :projects => @projects } %>

# app/views/projects/**_**index.html.erb
# Include here the code that you previously had in index.html.erb
# Don't forget to change @projects to projects
<% projects.each do |project| %>
  <p><%= project.name %></p>
<% end %>

此外，您不应在路由中使用match，因为您几乎不需要GET和POST方法都可以访问您的路由。因此，请尝试使用get代替match。

AJAX调用在Rails 3中渲染部分

1 个答案: