在Ajax-Rails教程3的§12.2.5中，按钮不会更新

如何解决在Ajax-Rails教程3的§12.2.5中，按钮不会更新

|| 我正在看Michael Hartl的Rails教程，并在§12.2.5中遇到了一个小问题，我们应该在其中使用Ajax创建一个工作按钮。我知道代码是正确的（我最终将代码直接从书中复制并重新键入了3次），并且我是绿色的。但这实际上不起作用！在本教程的这一部分中，我们将更改常规表单提交按钮以与Ajax一起使用，以使整个页面不会“刷新”（实际上是重定向到同一页面），而只是按钮和相应的侧边栏项目更新。问题是按我的预期按钮在单击时不会自动重新加载。页面刷新时会重新加载。如果我在浏览器中禁用了JS，它会还原为触发重定向并“刷新”整个页面的HTML版本（应该如此）。如果您想知道，我尝试过刷新页面，也尝试过Firefox，Safari和Chrome和隐身浏览器中的Chrome。我已经关闭并重新启动Rails服务器，spork和自动测试。而且我已经重写了所有代码，然后复制了本书的所有代码。仍然难住。因此，即使测试是绿色的，我的工作功能也不完美。也许我缺少某些东西，您可以帮助我找到它吗？也许我想念一个与javascreipt相关的宝石，一个Ajax宝石... 代码的相关部分： 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）做| f | ％> <％= f.hidden_field：followed_id％> <％= f。提交 \“关注\”％> <％结束％> _unfollow.html.erb：

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

<％结束％> create.js.erb

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

destroy.js.erb

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

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

<%= javascript_include_tag :defaults %>

如果您还需要评估情况，请询问，我将进行更新。 TIA

解决方法

您使用的是哪个版本的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的注意事项 , 在application.html.erb文件中将“ 8”更改为“ 9”，这对我来说解决了这个问题。见链接： http://getsatisfaction.com/railstutorial/topics/ajax_follow_button_not_working_in_section_12 , 我使用Rails 3.1.1，并且在Rails 3.0教程之后遇到了同样的问题。在版本更新中，Rails已脱离Prototype并开始使用jQuery。要更正旧版本的javascript，我必须更新create / destroy.js.erb。您可以在第13章中对此进行阅读。归结为在标签ID前面添加了一个“＃”，然后用“ .html \”替换了“ .update \”调用。 , 我一直在为同样的问题而努力。我还没有解决方案，但是我认为我可以通过一些尝试使球前进。最可能的线索是这个。为了简化事情，我尝试消除了jQuery代码本身。为此，我使用了Safari \的Inspect Element / scripts控制台来测试页面上的脚本。我决定与无害的人一起去

$(\'title\').text(\"Create\")

将其放在Safari控制台中可更改标题。但是，将其放入我的create.js.erb和destroy.js.erb文件中时不起作用（当我单击关注/取消关注按钮时）。我的日志显示正在调用适当的Relationships / destroy.js.erb视图，但该元素未刷新（并且该页面未重新加载）。

Rendered layouts/_stylesheets.haml (3.3ms)
Rendered layouts/_header.haml (6.1ms)
Rendered layouts/_footer.haml (3.8ms)
Rendered relationships/destroy.js.erb within layouts/application (34.8ms)
Completed 200 OK in 132ms (Views: 39.0ms | ActiveRecord: 1.3ms)

这是最后一件事。我的Relationships_controller与上述相同。我的形式与书相同（但以haml形式），我用hartl的github haml分支上发布的haml代替了haml。因此，我的假设是create.js.erb和destory.js.erb文件正在加载但由于某种原因未执行。有谁知道下一步该怎么做才能诊断/解决这个问题？谢谢，戴夫 ,我最近在Rails 4中遇到了这个问题运行网络服务器，单击关注/取消关注，然后返回到您的网络服务器日志查找错误我有一个渲染错误ID NIL 因为我在代码末尾更新了Relationships_controller.erb中的变量@user，但是没有在定义它的第一行中更新 def创建 user = User.find（params [：followed_id]） current_user.follow（用户） response_do |格式| format.html {redirect_to @user} format.js 结束结束固定于 def创建 @ user = User.find（params [：followed_id]） current_user.follow（@user） response_do |格式| format.html {redirect_to @user} format.js 结束结束同样要销毁-所以用@user更新user的所有实例干杯

在Ajax-Rails教程3的§12.2.5中，按钮不会更新

如何解决在Ajax-Rails教程3的§12.2.5中，按钮不会更新

解决方法

相关推荐