javascript - Rails 渲染仅加载部分内容

Question

我想在单击链接后重新加载页面的一部分。假设我想实现一个点击计数器。这就是我所做的。

在show.html.erb中

<div id="downloads"><%= render(partial:'downloads', locals: {user: @user}) %></div>

在_downloads.html.erb

<% user.attachments.each do |attachment| %>
  <%= attachment['download_count'] %>
    <br>
  <%= link_to 'download', {controller: 'files', action: 'download', attachment: attachment, user: user}%>
<% end %>

在show.js.erb

$("#downloads").html("<%= escape_javascript(render('downloads', locals: {user: params[:user]})) %>")

在files_controller.rb中

def download
  user = User.find(params[:user])
  # increasing attachment's dl count
  # ...
  render(:partial => 'users/downloads', locals: {user: user}, :layout => false)
end

结果它将整个页面替换为部分页面。怎么了？

编辑一个

已添加remote: true到 link_to 正如 Anchor 所说。

<%= link_to 'download', {controller: 'files', action: 'download', attachment: attachment, user: user}, remote: true %>

在files_controller.rb中

替换render(:partial => 'users/downloads', locals: {user: user}, :layout => false)与

respond_to do |format|
  format.js {  render(:partial => 'users/downloads', locals: {user: user}, :layout => false)}
end

现在尝试单击链接:我的页面没有任何反应。虽然在控制台中:

Processing by FilesController#download as JS Parameters: {"attachment"=>{"download_count"=>"175", "filename"=>"filename.doc", "id"=>"2fd9adbf6172740d46060000", "type"=>"appli"}, "user"=>"7fbceaa661727417f55e0000"} Rendered users/_downloads.html.erb (60.7ms) Completed 200 OK in 106ms (Views: 63.1ms)

我认为我现在面临着 javascript 问题。

Answer 1

看起来您的 Controller 正在返回 HTML 响应而不是脚本响应。尝试在 link_to 中添加参数 :remote => true:

<%= link_to 'download', {controller: 'files', action: 'download', attachment: attachment, user: user}, :remote => true %>

并确保您的 Controller 在响应 block 中有相应的format.js