Einfach wie / ungleich Schaltfläche mit Rails 3, Jquery und Ajax

8

Ich habe ein Produkt, einen Benutzer und ein ähnliches Modell. Ein Benutzer kann ein Produkt mögen. Ich versuche eine einfache Schaltfläche zu implementieren, die es einem Benutzer ermöglicht, ein Produkt zu mögen. Dann verwandelt sich der Like-Button in einen unähnlichen Button, der dem Nutzer im Gegensatz zu einem Produkt ermöglicht. Ziemlich einfach.

Ich habe die Modell- / Steuerungslogik für das Obige implementiert. Ich bin nicht sehr gut mit Javascript / Ajax und fragte mich, was der beste Weg wäre, die oben genannte Funktionalität zu implementieren. Ich möchte, dass ähnliche / ungleiche Aktionen über Ajax abgewickelt werden. Ich verwende Rails 3 und jquery ujs für meine App.

Danke.

    
deruse 26.06.2011, 05:43
quelle

2 Antworten

36

Meine Antwort auf Ihre Frage ist lang, also schrieb ich eine Beispielanwendung auf. Hier ist ein Ausschnitt:

Es gibt viele Möglichkeiten, diese Katze zu häuten, aber ich mag es, eine partielle und eine einzelne ujs-Vorlage zu rendern.

_like_button.html.erb :

%Vor%

toggle.js.erb , wobei "#like" das div ist, das das Formular einschließt:

%Vor%     
dwhalen 26.06.2011, 09:18
quelle
1

Damit Ihre Links über AJAX funktionieren, müssen Sie nur link_to mit :remote => true Argument angeben. Aber ich denke, Sie möchten dem Benutzer eine Art Feedback geben. Sehen Sie sich diesen Screencast an.

    
bassneck 26.06.2011 08:44
quelle

Tags und Links