从 javascript onclick 发出 ajax 请求答案

【问题标题】：making an ajax request from javascript onclick从 javascript onclick 发出 ajax 请求
【发布时间】：2009-06-16 15:29:18
【问题描述】：

我习惯于使用 helper 方法 link_to_remote 和朋友来创建链接或按钮，这些链接或按钮将在后台发送 Ajax 请求并更新网页的一些数据。

我有一些背景图片是按钮。我希望他们将 Ajax 请求发送到我的 rails 服务器。我猜想一个 javascript onClick + 发送 Ajax 请求应该可以发挥作用，但我不知道 Prototype 在 Rails 辅助方法下是如何工作的。

我希望这不是一个太蹩脚的问题

【问题讨论】：

标签： javascript ruby-on-rails ajax prototypejs

【解决方案1】：

元素上的方法是observe 此外，$() 假设您使用的是 id。如果您有一组标记为类而不是 id 的按钮，则可以使用 $$()，它采用 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
                                 }
                             });
    });
});

要详细了解原型的工作原理，请查看their api docs。我觉得他们挺好的。

【讨论】：

我现在只是在浏览文档，花了一些时间才知道在哪里看，但现在我清楚了。非常感谢

【解决方案2】：

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

就是这样。

【讨论】：