Rails link_to与Ajax远程true不更新​​视图

Question

我有一个有事件的小应用程序。 在事件的索引视图中，我遍历所有事件并显示一些数据。 在each循环中，我都有一个指向“ Upvote”特定事件的链接，这是一个ajax请求。 由于某些原因，我的视图不会立即更新，但是当我再次单击“ Upvote”时会更新。

这是我指向“ Upvote”的链接

<div id="upvote_link_<%= event.id%>">
   <%= link_to('Upvote', upvote_event_path(event), method: :post, remote: true)%>
</div>

这是我upvote ，我递增法votes现场。

  def upvote
    @event = Event.find(params[:id])
    Event.increment_counter(:votes, @event.id)
    respond_to do |format|
      format.js
    end 
  end

接下来是我的upvote.js.erb ，在其中我用新值替换了旧的votes值。

$('#upvotes_<%= @event.id %>').html("<%= escape_javascript (render 'upvote', event: @event )%>");

接下来是我的_upvote.html.erb部分，它替换了旧的votes值。

<span style="font-family:MetaSerifOT-Book;font-size:13px;">
    <%= pluralize(event.votes, "vote") %>
</span>

问题是，当我单击“ Upvote”链接时，我的请求通过了，事件模型中的“ votes字段得到了更新，但是视图一直没有更新，直到我再次单击“ Upvote 。 我不确定发生了什么。 有什么想法或建议吗？

更新这是我设置ID的地方： upvotes_<%= event.id %>我已将部分中的Votes数隔离了。

    <div id="upvotes_<%= event.id%>">
            <%= render 'upvote', event: event %>
    </div>

Answer 1

问题出在控制器代码中。 我认为@event对象没有被重新加载。 一种解决方案是您必须在类似这样的视图中重新加载@event对象

$('#upvotes_<%= @event.id %>').html("<%= escape_javascript (render 'upvote', event: @event.reload )%>"); 。

Answer 2

要添加到Santanu的答案中，您需要查看方法的代码：

 #app/controllers/events_controller.rb
 class EventsController < ApplicationController
    respond_to :js, only: :upvote #-> if you have the responders gem

    def upvote
       @event = Event.find params[:id]
       @event.increment! :votes
       respond_with @event
    end
  end

increment!