effettuare una richiesta Ajax da javascript onclick

Question

Sono abituato a utilizzare i metodi di supporto link_to_remote e gli amici per creare collegamenti o pulsanti che invieranno la richiesta Ajax sotto il cofano e aggiorneranno alcuni dati della pagina web.

Ne ho alcune quali immagini di sfondo sono pulsanti. Voglio che invino una richiesta Ajax al mio server rails. Immagino che un javascript onClick + l'invio di una richiesta Ajax dovrebbe fare la magia, ma non ho idea di come funziona Prototype con il metodo helper di Rails.

Spero che questa non sia una domanda troppo scadente

Answer 1

Il metodo sull'elemento è osserva Inoltre, $ () presuppone che tu stia utilizzando un ID. Se hai una serie di pulsanti taggati con le classi, piuttosto che gli id, puoi usare $$ () che accetta un selettore css e restituisce una matrice di elementi.

Potresti ottenere il risultato da questo e scorrere su di esso, aggiungendo il comportamento del clic a ciascun pulsante.

$(".bg_button").each(function(button){
    button.observe('click', function(){
        new Ajax.Request(url, {
                                 method: 'get',
                                 parameters: { key: 'value' },
                                 onSuccess: function(res){
                                    // handle the result
                                 }
                             });
    });
});

Per saperne di più su come funziona il prototipo, guarda i loro documenti API . Penso che siano abbastanza buoni.

Answer 2

$("my_button").observe('click', function(){
    new Ajax.Request(url, {
                             method: 'get',
                             parameters: { "key": "value" },
                             onSuccess: function(res){
                                // handle the result
                             }
                         });
}

e basta.