Javascript rails 4中更新值的Ajax请求

Javascript rails 4中更新值的Ajax请求,javascript,jquery,ruby-on-rails,ajax,Javascript,Jquery,Ruby On Rails,Ajax,我有一个投票按钮,它只显示投票的数量,点击它,就会自动添加投票。现在我想添加一个Ajax请求,这样页面就不会刷新。不幸的是,我以前从未使用过Ajax,因此不知道如何在Rails中使用它。我试着看了一些教程,但似乎没有任何帮助 视图: 我喜欢像沃尔德克那样称呼它,但要用咖啡脚本 然而,在您的示例中,您使用的是:remote=>true,这是一种不引人注目的方式 基本上,您将进入控制器,在那里您将需要一个format.js respond_to do |format| format.html #

我有一个投票按钮,它只显示投票的数量,点击它,就会自动添加投票。现在我想添加一个Ajax请求,这样页面就不会刷新。不幸的是,我以前从未使用过Ajax,因此不知道如何在Rails中使用它。我试着看了一些教程,但似乎没有任何帮助

视图:


我喜欢像沃尔德克那样称呼它,但要用咖啡脚本

然而,在您的示例中,您使用的是
:remote=>true
,这是一种不引人注目的方式

基本上,您将进入控制器,在那里您将需要一个format.js

respond_to do |format|
  format.html # if you are using html
  format.js # this will call the .js.erb file
end
然后创建一个文件
vote.js.erb
,您可以在其中访问实例变量并编写js

console.log('you are here');

类似的问题和答案。确保也将此添加到链接中
,:remote=>true
。这是另一个可以让你走上正轨的资源,问题是关于点击按钮后的ajax调用,这是一个简单的例子,但我同意,你的答案是“Rails方式”:)感谢这有助于我理解ajax,因为我似乎对它的开始有一个完全错误的想法。我现在明白了
get '/vote' => "amplifies#vote", :as => "vote"
jQuery(document).ready(function($){
    $('.amplify').on('click', function(){
        var that = $(this);
        $.ajax({
           url: '/vote',
           data: {id: 'your id'},
           /**
            * Response from your controller
            */
           success: function(response) {
               that.siblings('.count').first().text(response);
           }
        });
    })
})
respond_to do |format|
  format.html # if you are using html
  format.js # this will call the .js.erb file
end
console.log('you are here');