Ajax成功更新投票計數器

Question

我正在使用Ajax創建投票系統，投票計數器將動態顯示結果。 我可以創建投票並成功使用Ajax刪除投票。 但是，我無法動態更新投票計數器。 我做了很多次嘗試和錯誤，沒有其他選擇。

<div id="counter"><%= @micropost.thumbups.count %></div>在ID為counter的div中，在microposts / show頁面上正確顯示投票號。

在create.js.erb上，

$("#ups_form").html("<%= escape_javascript(render('microposts/down_form')) %>")

$("#counter").html('<%= @micropost.thumbups.count %>')

第二行應該使計數器在Ajax成功更新數據庫之后動態更新計數。 但這沒有用。

我嘗試了以下方法：

1. $("#counter").html('hello') ，將顯示“ hello”。 這意味着CSS很好。
2. $("#counter").html('<%=escape_javascript @micropost.thumbups.count %>')無效。
3. $("#counter").html("<%= escape_javascript(render('microposts/count')) %>") ，然后將部分計數計為<%= @micropost.thumbups.count %>
4. ...不知道還有什么嘗試...

Answer 1

試試這個代碼：

$("#counter").html('');
$("#counter").html('<%= j @micropost.thumbups.count %>');

Answer 2

您的關聯可能已加載到內存中。 嘗試這個：

$("#counter").html('<%= @micropost.thumbups(:reload).count %>')