создание запроса ajax из javascript onclick

Я использую вспомогательные методы link_to_remote и друзей для создания ссылок или кнопок, которые будут отправлять запрос Ajax под капот и обновлять некоторые данные веб-страницы.

У меня есть некоторые фоновые изображения - кнопки. Я хочу, чтобы они отправили запрос Ajax на мой сервер rails. Я предполагаю, что javascript onClick +, отправляющий запрос Ajax, должен делать магию, но я не знаю, как Prototype работает под методом помощников Rails.

Надеюсь, это не слишком хромой вопрос.

javascript,ruby-on-rails,ajax,prototypejs,

1

Ответов: 2


2 принят

Метод на элементе. observe Также $()предполагается , что вы используете идентификатор. Если у вас есть набор кнопок с тегами классов, а не идентификаторов, вы можете использовать, $$()который принимает селектор css и возвращает массив элементов.

Вы можете взять результат от этого и перебрать его, добавив поведение клика для каждой кнопки.

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

Чтобы узнать больше о том, как работает прототип, посмотрите их api docs . Я думаю, что они довольно хорошие.


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

вот и все.

JavaScript, рубин-на-рельсы, Аякс, prototypejs,
Похожие вопросы