Przycisk prosty lub inny niż w przypadku szyn 3, jquery i ajax

Question

Mam produkt, użytkownika i model podobny. Użytkownik może polubić produkt. Próbuję zaimplementować prosty podobny przycisk, który po kliknięciu pozwala użytkownikowi polubić produkt. Następnie przycisk podobny przekształca się w niepodobny przycisk, pozwalając użytkownikowi na niepodobny do produktu. Całkiem proste.

Zaimplementowałem logikę modelu/kontrolera dla powyższego. Nie jestem zbyt dobry w javascript/ajax i zastanawiałem się, jaki byłby najlepszy sposób implementacji powyższej funkcjonalności. Chcę, aby podobne/niepodobne działania były obsługiwane za pośrednictwem ajax. Używam rails 3 i jquery ujs dla mojej aplikacji.

Dzięki.

Answer 1

Moja odpowiedź na twoje pytanie jest długa, dlatego napisałem: example application. Oto fragment:

Istnieje wiele sposobów na skórze tego kota, ale lubię renderować częściowy i pojedynczy szablon UDS.

_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, gdzie "#like" jest div załączając formularz:

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

Answer 2

Zasadniczo, aby linki działały przez AJAX, wystarczy podać link_to z argumentem :remote => true. Ale myślę, że chcesz przekazać użytkownikowi jakieś informacje zwrotne. Spójrz na screencast this.