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

Question

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

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

谢谢。

Answer 1

我对你的问题的回答很长，所以我写了一个示例应用程序。这是一个片段：

给这只猫剥皮的方法有很多，但我喜欢渲染部分和单个 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') %>");

Answer 2

基本上，要使您的链接通过 AJAX 工作，您只需提供 link_to 和 :remote =>; true 参数。但我猜你想向用户提供某种反馈。请观看此截屏视频。