javascript - Button doesn't update in Ajax - Rails Tutorial 3 at §12.2.5

Question

我正在学习 Michael Hartl 的 Rails 教程，并在 §12.2.5 遇到了一个小障碍，我们应该在其中使用 Ajax 创建一个工作按钮。我知道代码是正确的(我直接从书中复制它并重新输入三遍)并且我是新手。但它实际上不起作用!

在本教程的这一部分中，我们正在更改常规表单提交按钮以使用 Ajax，这样整个页面就不会“刷新”(实际上，重定向到同一页面)，而只是按钮和相应的侧边栏项目更新。问题是按钮不会像我期望的那样在单击时自动重新加载。它会在页面刷新时重新加载。如果我在我的浏览器中禁用 JS，它会恢复 - 正如它应该的那样 - 触发重定向并“刷新”整个页面的 HTML 版本。如果你想知道，我试过刷新页面，我试过 Firefox、Safari 和 Chrome 以及隐身模式的 Chrome。我已经关闭并重新启动了 Rails 服务器、spork 和自动测试。我重写了所有代码，然后复制了本书的所有代码。仍然难倒。

所以即使测试是绿色的，我也有一个不完美的工作函数。也许我遗漏了什么，你能帮我找到吗？也许我错过了一个与 javascript 相关的 gem，一个 Ajax gem...

相关部分代码:

relationships_controller.erb:

class RelationshipsController < ApplicationController
  before_filter :authenticate

  def create
@user = User.find(params[:relationship][:followed_id])
current_user.follow!(@user)
respond_to do |format|
  format.html { redirect_to @user }
  format.js
end

结束

  def destroy
@user = Relationship.find(params[:id]).followed
current_user.unfollow!(@user)
respond_to do |format|
  format.html { redirect_to @user }
  format.js
end
end
end

_follow.html.erb:

<%= form_for(current_user.relationships. build(:followed_id => @user.id), :remote => true) do |f| %> <%= f.hidden_field :followed_id %>
<%= f.submit "Follow" %> <% end %>

_unfollow.html.erb:

<%= form_for(current_user.relationships.find_by_followed_id(@user),
         :html => { :method => :delete },
         :remote => true) do |f| %>

<%结束%>

创建.js.erb

$("follow_form").update("<%= escape_javascript(render('users/unfollow')) %>")
$("followers").update('<%= "#{@user.followers.count} followers" %>')

销毁.js.erb

$("follow_form").update("<%= escape_javascript(render('users/follow')) %>")
$("followers").update('<%= "#{@user.followers.count} followers" %>')

我还确保这一行包含在 application.html.erb 中

<%= javascript_include_tag :defaults %>

如果您需要评估其他任何情况，请询问，我会及时回复。

TIA

Answer 1

你用的是什么版本的rails？如果是 3.1，则必须更改

create.js.erb 到:

$("#follow_form").html("<%= escape_javascript(render('users/unfollow')) %>")
$("#followers").html('<%= "#{@user.followers.count} followers" %>')

和 destroy.js.erb 到:

$("#follow_form").html("<%= escape_javascript(render('users/follow')) %>")
$("#followers").html('<%= "#{@user.followers.count} followers" %>')

(注意多余的#)教程最后一章，换rails 3.1的注意事项