Question

我在这里关注Michael Hartl着名的Ruby on Rails Tutorials（Rails 3.2）。 “11.2.5带Ajax的工作跟随按钮”部分适用于本地计算机，但不适用于Heroku。当我单击“关注”或“取消关注”按钮时，页面上的任何内容都不会刷新。虽然我可以看到行动确实是从日志中调用的。

2012-02-22T04:05:17+00:00 app[web.1]: Started POST "/relationships" for 67.188.133.121 at 2012-02-22 04:05:17 +0000
2012-02-22T04:05:17+00:00 app[web.1]: Processing by RelationshipsController#create as JS
2012-02-22T04:05:17+00:00 app[web.1]:   Parameters: {"utf8"=>"✓", "authenticity_token"=>"nsYrHM0aLlEGoI19Zv8hImEmbfWPZ+gSy5xmgAV+V60=", "relationship"=>{"followed_id"=>"15"}, "commit"=>"Follow"}
2012-02-22T04:05:17+00:00 app[web.1]: Redirected to https://etl-rails32-tut-sample-app.herokuapp.com/users/15
2012-02-22T04:05:17+00:00 app[web.1]: cache: [POST /relationships] invalidate, pass
2012-02-22T04:05:17+00:00 app[web.1]: Completed 302 Found in 66ms (ActiveRecord: 61.2ms)
2012-02-22T04:05:17+00:00 heroku[router]: POST etl-rails32-tut-sample-app.herokuapp.com/relationships dyno=web.1 queue=0 wait=0ms service=75ms status=302 bytes=123

然后我不得不手动点击浏览器的刷新按钮（FireFox 7.0）来刷新整个页面，并在结果中正确切换按钮。

文件app / views / layouts / application.html.erb如下：

<!DOCTYPE html>
<html>
  <head>
    <title><%= full_title(yield(:title)) %></title>
    <%= render 'layouts/stylesheets' %>
    <%= javascript_include_tag "application" %>
    <%= csrf_meta_tags %>
  </head>
  <body>
    <div class="container">
      <%= render 'layouts/header' %>
      <section class="round">
        <% flash.each do |key, value| %>
          <%= content_tag(:div, value, class: "flash #{key}") %>
        <% end %>
        <%= yield %>
      </section>
      <%= render 'layouts/footer' %>
      <%= debug(params) if Rails.env.development? %>
    </div>
  </body>
</html>

Answer 1

我刚刚完成了将代码上传到heroku并且按钮正常工作。我也是一个n00b。我的application.html.erb非常接近你的。我看了你的网站（看起来与我的非常不同），我得到了同样的问题。我的日志显示了差异（删除了行标题）：

Started POST "/relationships" for 1.1.9.1 at 2012-04-10 21:06:47 +0000
Processing by RelationshipsController#create as JS
Parameters: {"utf8"=>"✓", "authenticity_token"=>"jF6cuJakhooP/fIdfAhIfhy+Djgox3jukyJbm86UkVU=", "relationship"=>{"followed_id"=>"2"}, "commit"=>"Follow"}
Rendered users/_unfollow.html.erb (3.8ms)
Rendered relationships/create.js.erb (7.0ms)
Completed 200 OK in 36ms (Views: 4.2ms | ActiveRecord: 24.1ms)
cache: [POST /relationships] invalidate, pass
POST strong-stone-3754.herokuapp.com/relationships dyno=web.1 queue=0 wait=0ms service=93ms status=200 bytes=584

在你的重定向时我会渲染。

不知道它是否有意义，但我从你的页面和我的网页上抓住了.js并对它们做了一个wc。它们有点不同。

18    1559  120293 mine.js
18    1343   99603 yours.js

问题可能出在view / relationships / create.js.erb？

中

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

也许RelationshipsContoller的create和destroy方法应该有以下内容来响应AJAX请求：

respond_to do |format|
  format.html { redirect_to @user }
  format.js
end

Answer 2

我可能已经迟到了，你可能已经找到并回答了，但这对我来说已经解决了。

如果您正在使用coffee-rails gem，请将资产组外的coffee-rails gem移动。我把它放在jquery-rails gem之下（不要认为那么重要），但是把它放在资产组之后它在heroku中工作。

使用Ajax的按钮在Heroku上不起作用

2 个答案: