jquery - 使用 Rails 3、jquery 和 ajax 的简单喜欢/不喜欢按钮

Question

我有一个产品、用户和类似的模型。用户可以喜欢一个产品。我正在尝试实现一个简单的“喜欢”按钮，单击该按钮即可让用户喜欢某个产品。然后，“喜欢”按钮会转变为“不喜欢”按钮，从而允许用户喜欢某个产品。非常简单。

我已经实现了上述模型/ Controller 逻辑。我不太擅长 javascript/ajax，想知道实现上述功能的最佳方法是什么。我希望通过 ajax 处理类似/不同的操作。我在我的应用程序中使用 Rails 3 和 jquery ujs。

谢谢。

Answer 1

我对你问题的回答很长，所以我写了一个example application 。这是一个片段:

给这只猫剥皮的方法有很多，但我喜欢渲染部分和单个 ujs 模板。

_like_button.html.erb:

<% if like = current_user.likes.find_by_product_id(@product.id) %>
  <%= form_for like, :html => { :method => :delete },
                     :remote => true do |f| %>
    <%= f.submit "Unlike" %>
  <% end %>
<% else %>
  <%= form_for current_user.likes.build(:product_id => @product.id), :remote => true do |f| %>
    <%= f.hidden_field :product_id %>
    <%= f.hidden_field :user_id %>
    <%= f.submit "Like" %>
  <% end %>
<% end %>

toggle.js.erb，其中 "#like" 是包含表单的 div:

$("#like").html("<%= escape_javascript render('like_button') %>");