javascript - 从 javascript onclick 发出 ajax 请求

标签 javascript ruby-on-rails ajax prototypejs

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

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

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

最佳答案

元素上的方法是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
                                 }
                             });
    });
});

要了解有关原型(prototype)如何工作的更多信息,请查看 their api docs .我认为它们非常好。

关于javascript - 从 javascript onclick 发出 ajax 请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1002249/

相关文章:

javascript - 在 Firebase 中找不到数据

javascript - PHP 在邮箱后保留选择框值

javascript - 如何中止超过 php 上传最大值的文件上传?

ruby-on-rails - 无法在 mac osx 上更新 gem - Gem::RemoteFetcher::FetchError

ruby-on-rails - 与 Capybara (Rails) 的 TDD; page.should 和 expect(page).to 之间的区别?

ruby-on-rails - 如何将 capybara 输出html放到特定的文件夹?

c# - 为什么 JSON 中日期时间的行为在不同系统(win xp、server 2003)上不同?

javascript - 为什么 Vue.js 模板无法与其脚本交互?

jquery - 如何替换 ajax 加载的 html 文档上的元标题、关键字和描述?

php - 更新 Mysql 记录 Onclick Bootstrap Checkbox Toggle