haciendo una solicitud ajax de javascript onclick

Question

Estoy acostumbrado a usar los métodos de ayuda link_to_remote y amigos para crear enlaces o botones que enviarán una solicitud de Ajax bajo el capó y actualizarán algunos datos de la página web.

Tengo algunos que las imágenes de fondo son botones. Quiero que envíen una solicitud de Ajax a mi servidor de rieles. Supongo que un javascript onClick + al enviar una solicitud de Ajax debería hacer la magia, pero no tengo idea de cómo funciona Prototype bajo el método de ayuda de Rails.

Espero que esta no sea una pregunta demasiado aburrida

Answer 1

El método en el elemento es observe Además, $ () asume que estás usando una identificación. Si tiene un conjunto de botones etiquetados con clases, en lugar de identificadores, podría usar $$ () que toma un selector css y devuelve una matriz de elementos.

Podrías tomar el resultado de eso e iterarlo, agregando comportamiento de clic a cada botón.

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

Para obtener más información sobre cómo funciona el prototipo, consulte sus documentos API . Creo que son bastante buenos.

Answer 2

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

y eso es todo.